Nissan color palette
AutomotiveNissan's brand color system is defined by a bold red primary, complemented by neutral grays and black, reflecting a modern and dynamic automotive identity. The palette is consistent across digital, print, and physical brand touchpoints.
nissan.comNissan colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Nissan RedPrimary195, 0, 47
- Nissan BlackSecondary26, 26, 26
- Nissan SilverAccent204, 204, 204
Surfaces
Page, cards and dividers.- Nissan WhiteBackground255, 255, 255
- Nissan Light GraySurface245, 245, 245
- Nissan Border GrayBorder230, 230, 230
Text
Three tiers of copy.- Nissan Text BlackText26, 26, 26
- Nissan Text GraySecondary text102, 102, 102
- Nissan Muted GrayMuted text153, 153, 153
Semantic
Feedback and state colors.- Nissan Success GreenSuccess67, 176, 42
- Nissan Warning YellowWarning255, 184, 0
- Nissan Error RedError215, 25, 32
- Nissan Info BlueInfo0, 114, 198
Use Nissan's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
nissan-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0072C6;
--error: #D71920;
--accent: #CCCCCC;
--border: #E6E6E6;
--primary: #C3002F;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB800;
--secondary: #1A1A1A;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Nissan gray and neutral colors
The quiet part of the Nissan palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Nissan WhiteBackground
- HEX
- RGB
- HSL
- Nissan Light GraySurface
- HEX
- RGB
- HSL
- Nissan Border GrayBorder
- HEX
- RGB
- HSL
- Nissan Text BlackText
- HEX
- RGB
- HSL
- Nissan Text GraySecondary text
- HEX
- RGB
- HSL
- Nissan Muted GrayMuted text
- HEX
- RGB
- HSL
About Nissan's colors
Nissan's palette is anchored by a vivid red, balanced by monochromatic grays and black for a clean, high-contrast look. The use of red signifies energy and innovation, while neutrals provide clarity and focus.
Primary red contrasts with neutral backgrounds.
Accent silver and light gray add depth and hierarchy.
Black and gray tones unify text and UI elements.
Psychology
Red conveys excitement, confidence, and passion, aligning with Nissan's brand values. The neutral tones evoke reliability and professionalism, supporting the brand's modern image.
Evolution
Nissan's core red has remained consistent for decades, reinforcing brand recognition. The supporting neutrals have been refined for digital clarity and accessibility.
Where Nissan uses each color
- Primary
Used for main buttons, highlights, and the Nissan logo.
- Secondary
Applied to navigation bars, footers, and key backgrounds.
- Accent
Utilized for dividers, icons, and subtle UI elements.
- Backgrounds
White and light gray are used for page and section backgrounds.
- Text
Black and gray tones are used for primary, secondary, and muted text.
- Semantic
Green, yellow, red, and blue are used for status indicators and alerts.
Nissan color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Nissan primary color hex code is #C3002F. This red is used consistently across all brand materials.
Nissan Red (#C3002F) has an RGB value of (195, 0, 47) and a typical CMYK value of (0, 100, 76, 24). Always use the hex #C3002F for digital applications.
Nissan uses several neutral tones: Nissan Black (#1A1A1A), Nissan Silver (#CCCCCC), Nissan Light Gray (#F5F5F5), and Nissan Border Gray (#E6E6E6). These are used for backgrounds, borders, and text to ensure clarity and contrast.
Always use Nissan Red (#C3002F) for primary actions and branding elements, with neutrals for backgrounds and text. Semantic colors like green, yellow, and blue are reserved for status and alerts.
The secondary color is Nissan Black, #1A1A1A, and the accent is Nissan Silver, #CCCCCC. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Nissan's colors consistently when it generates UI.
Make something in the spirit of Nissan
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.