Infiniti color palette
AutomotiveInfiniti's color identity is defined by a deep, sophisticated blue-black, complemented by refined grays and metallic accents that reflect its luxury automotive positioning. The palette is understated and modern, emphasizing elegance and clarity in all brand touchpoints.
infiniti.comInfiniti colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Infiniti Midnight BluePrimary2, 11, 36
- Infiniti Graphite GraySecondary122, 122, 122
- Infiniti Platinum SilverAccent181, 181, 181
Surfaces
Page, cards and dividers.- Infiniti Pure WhiteBackground255, 255, 255
- Infiniti Light GraySurface244, 244, 244
- Infiniti Silver LineBorder209, 209, 209
Text
Three tiers of copy.- Infiniti CharcoalText26, 26, 26
- Infiniti SlateSecondary text75, 75, 75
- Infiniti Muted GrayMuted text122, 122, 122
Semantic
Feedback and state colors.- Infiniti EmeraldSuccess60, 154, 95
- Infiniti AmberWarning198, 138, 30
- Infiniti CrimsonError179, 38, 30
- Infiniti Deep BlueInfo61, 90, 128
Use Infiniti's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
infiniti-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3D5A80;
--error: #B3261E;
--accent: #B5B5B5;
--border: #D1D1D1;
--primary: #020B24;
--success: #3C9A5F;
--surface: #F4F4F4;
--warning: #C68A1E;
--secondary: #7A7A7A;
--text-muted: #7A7A7A;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #4B4B4B;
}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
15.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.9:1
Pass
Muted text on background
Needs 3:1 for large text
4.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.9:1
Pass
Infiniti gray and neutral colors
The quiet part of the Infiniti palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Infiniti Pure WhiteBackground
- HEX
- RGB
- HSL
- Infiniti Light GraySurface
- HEX
- RGB
- HSL
- Infiniti Silver LineBorder
- HEX
- RGB
- HSL
- Infiniti CharcoalText
- HEX
- RGB
- HSL
- Infiniti SlateSecondary text
- HEX
- RGB
- HSL
- Infiniti Muted GrayMuted text
- HEX
- RGB
- HSL
About Infiniti's colors
Infiniti's palette is built around a deep blue-black, conveying luxury and modernity, with supporting neutral and metallic tones for clarity and refinement. The colors are designed to evoke a sense of precision and understated elegance.
Primary and secondary colors are used for navigation and backgrounds.
Accent and metallic tones highlight interactive elements.
Text and surface colors maintain high contrast for readability.
Psychology
The deep blue-black primary color communicates sophistication, trust, and exclusivity. Neutral grays and silvers reinforce a premium, timeless feel.
Evolution
Infiniti's palette has remained consistent, with the signature midnight blue anchoring its identity since inception. Minor adjustments to gray and silver tones have been made for digital clarity.
Where Infiniti uses each color
- Primary
Used in the main navigation bar, logo backgrounds, and key call-to-action buttons.
- Secondary
Applied to secondary navigation, footers, and subtle UI elements.
- Accent
Highlights icons, dividers, and metallic details in digital and print materials.
- Backgrounds
Infiniti Pure White is the standard background for web pages and print layouts.
- Text
Charcoal and Slate are used for primary and secondary text across all platforms.
- Semantic
Emerald, Amber, Crimson, and Deep Blue are reserved for status indicators, alerts, and informational banners.
Infiniti color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Infiniti primary color hex code is #020B24. This deep blue-black is used throughout the brand's digital and print assets.
The RGB value for #020B24 is (2, 11, 36). For CMYK, it is approximately (94, 69, 0, 86).
Infiniti uses Graphite Gray (#7A7A7A), Light Gray (#F4F4F4), and Silver Line (#D1D1D1) for backgrounds, surfaces, and borders. These neutrals provide a refined, high-contrast interface.
Use Infiniti Midnight Blue (#020B24) for primary branding elements and navigation, with supporting neutrals for backgrounds and text. Accent and semantic colors should be reserved for highlights and status indications.
The secondary color is Infiniti Graphite Gray, #7A7A7A, and the accent is Infiniti Platinum Silver, #B5B5B5. Together with the primary they make up the three brand colors at the top of this page.
6 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 Infiniti's colors consistently when it generates UI.
Make something in the spirit of Infiniti
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.