Mercedes-Benz color palette
AutomotiveMercedes-Benz's color identity is defined by a refined monochromatic palette, with 'Mercedes-Benz Black' and 'Mercedes-Benz Silver' as its signature hues. The brand emphasizes sophistication, luxury, and timelessness through its restrained use of color.
mercedes-benz.comMercedes-Benz colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Mercedes-Benz BlackPrimary34, 34, 34
- Mercedes-Benz SilverSecondary167, 168, 170
- Mercedes-Benz Cyan AccentAccent0, 173, 239
Surfaces
Page, cards and dividers.- Mercedes-Benz WhiteBackground255, 255, 255
- Mercedes-Benz Light GraySurface245, 245, 245
- Mercedes-Benz Border GrayBorder229, 229, 229
Text
Three tiers of copy.- Mercedes-Benz BlackText34, 34, 34
- Mercedes-Benz Dark GraySecondary text102, 102, 102
- Mercedes-Benz SilverMuted text167, 168, 170
Semantic
Feedback and state colors.- Mercedes-Benz Success GreenSuccess67, 176, 42
- Mercedes-Benz Warning YellowWarning255, 182, 0
- Mercedes-Benz Error RedError226, 35, 26
- Mercedes-Benz Cyan AccentInfo0, 173, 239
Use Mercedes-Benz's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mercedes-benz-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00ADEF;
--error: #E2231A;
--accent: #00ADEF;
--border: #E5E5E5;
--primary: #222222;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB600;
--secondary: #A7A8AA;
--text-muted: #A7A8AA;
--background: #FFFFFF;
--text-primary: #222222;
--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
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
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.4:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Mercedes-Benz gray and neutral colors
The quiet part of the Mercedes-Benz palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Mercedes-Benz WhiteBackground
- HEX
- RGB
- HSL
- Mercedes-Benz Light GraySurface
- HEX
- RGB
- HSL
- Mercedes-Benz Border GrayBorder
- HEX
- RGB
- HSL
- Mercedes-Benz BlackText
- HEX
- RGB
- HSL
- Mercedes-Benz Dark GraySecondary text
- HEX
- RGB
- HSL
- Mercedes-Benz SilverMuted text
- HEX
- RGB
- HSL
About Mercedes-Benz's colors
Mercedes-Benz relies on a monochromatic palette with subtle metallic and blue accents to convey luxury and modernity. The restrained use of color supports a timeless, premium brand image.
Primary black and silver create a high-contrast, elegant foundation.
Cyan accent is used sparingly for interactive elements.
Neutral grays unify backgrounds and surfaces.
Psychology
Black and silver evoke sophistication, exclusivity, and trust. The cyan accent adds a touch of innovation and clarity.
Evolution
The palette has remained consistent for decades, reinforcing brand recognition. Minor adjustments have been made to accent colors for digital clarity.
Where Mercedes-Benz uses each color
- Primary
Used for navigation bars, logos, and primary text.
- Secondary
Applied to backgrounds, iconography, and secondary text.
- Accent
Highlights interactive elements like links and buttons.
- Backgrounds
White and light gray are used for page and card backgrounds.
- Text
Primary and secondary blacks and grays are used for all textual content.
- Semantic
Green, yellow, and red are reserved for status indicators and alerts.
Mercedes-Benz color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Mercedes-Benz brand color is 'Mercedes-Benz Black' with hex code #222222.
The primary color #222222 translates to RGB(34, 34, 34) and CMYK(0, 0, 0, 87).
Mercedes-Benz uses 'Mercedes-Benz Silver' (#A7A8AA), 'Mercedes-Benz Light Gray' (#F5F5F5), and 'Mercedes-Benz Border Gray' (#E5E5E5) for neutral UI elements.
Primary and secondary colors should dominate layouts, with cyan accent reserved for calls to action. Semantic colors are only for status or alerts, and backgrounds should remain light and neutral.
The secondary color is Mercedes-Benz Silver, #A7A8AA, and the accent is Mercedes-Benz Cyan Accent, #00ADEF. 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 Mercedes-Benz's colors consistently when it generates UI.
Make something in the spirit of Mercedes-Benz
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.