Lexus color palette
AutomotiveLexus uses a refined palette centered on metallic silver, black, and deep gray tones, reflecting its luxury automotive positioning. The color system emphasizes sophistication and modernity, with minimal accent use.
lexus.comLexus colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lexus Metallic SilverPrimary196, 196, 196
- Lexus BlackSecondary34, 34, 34
- Lexus GraphiteAccent140, 140, 140
Surfaces
Page, cards and dividers.- Lexus WhiteBackground255, 255, 255
- Lexus Light GraySurface245, 245, 245
- Lexus Silver BorderBorder224, 224, 224
Text
Three tiers of copy.- Lexus Black TextText34, 34, 34
- Lexus Graphite TextSecondary text140, 140, 140
- Lexus Muted GrayMuted text176, 176, 176
Semantic
Feedback and state colors.- Lexus Success GreenSuccess58, 154, 91
- Lexus Warning GoldWarning216, 156, 27
- Lexus Error RedError179, 38, 30
- Lexus Info BlueInfo25, 118, 210
Use Lexus's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lexus-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1976D2;
--error: #B3261E;
--accent: #8C8C8C;
--border: #E0E0E0;
--primary: #C4C4C4;
--success: #3A9A5B;
--surface: #F5F5F5;
--warning: #D89C1B;
--secondary: #222222;
--text-muted: #B0B0B0;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #8C8C8C;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
3.4:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.1:1
Fail
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Lexus gray and neutral colors
The quiet part of the Lexus palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lexus WhiteBackground
- HEX
- RGB
- HSL
- Lexus Light GraySurface
- HEX
- RGB
- HSL
- Lexus Silver BorderBorder
- HEX
- RGB
- HSL
- Lexus Black TextText
- HEX
- RGB
- HSL
- Lexus Graphite TextSecondary text
- HEX
- RGB
- HSL
- Lexus Muted GrayMuted text
- HEX
- RGB
- HSL
About Lexus's colors
Lexus's color palette is built on metallic neutrals, evoking luxury and advanced engineering. The restrained use of color supports a timeless, premium brand image.
Primary silver pairs with deep black for contrast.
Graphite accent adds depth to UI elements.
Neutral backgrounds ensure content clarity.
Psychology
Metallic silver and black convey sophistication, reliability, and exclusivity. The palette's restraint reinforces Lexus's luxury positioning.
Evolution
Lexus's palette has remained consistent, with metallic silver and black as core elements since its inception. Minor adjustments have been made to gray tones for digital clarity.
Where Lexus uses each color
- Primary
Lexus Metallic Silver is used in the logo, vehicle badges, and key website highlights.
- Secondary
Lexus Black appears in navigation bars, footers, and primary text.
- Accent
Lexus Graphite is used for secondary buttons and UI accents.
- Backgrounds
Lexus White and Light Gray are used for website and app backgrounds.
- Text
Lexus Black Text is standard for headlines and body copy, with Graphite and Muted Gray for secondary and disabled text.
- Semantic
Success Green, Warning Gold, Error Red, and Info Blue are used for alerts and status indicators in digital interfaces.
Lexus color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Lexus brand color is Metallic Silver, hex code #C4C4C4.
Lexus Metallic Silver (#C4C4C4) is RGB(196, 196, 196) and CMYK(0, 0, 0, 23).
Lexus uses deep black (#222222), graphite gray (#8C8C8C), and light gray (#F5F5F5) as its primary neutrals.
Use Metallic Silver (#C4C4C4) for branding and highlights, with black and graphite for backgrounds and text. Accent and semantic colors are reserved for UI elements and alerts.
The secondary color is Lexus Black, #222222, and the accent is Lexus Graphite, #8C8C8C. Together with the primary they make up the three brand colors at the top of this page.
2 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 Lexus's colors consistently when it generates UI.
Make something in the spirit of Lexus
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.