BMW color palette
AutomotiveBMW's brand color system centers on a distinctive blue, black, and white palette, reflecting its Bavarian heritage and premium positioning. The colors are used consistently across digital and print applications for a clean, modern, and technical look.
bmw.comBMW colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BMW BluePrimary0, 102, 177
- BMW WhiteSecondary255, 255, 255
- BMW BlackAccent28, 28, 28
Surfaces
Page, cards and dividers.- BMW Light GrayBackground245, 245, 245
- BMW Surface GraySurface230, 230, 230
- BMW Border GrayBorder204, 204, 204
Text
Three tiers of copy.- BMW Text BlackText28, 28, 28
- BMW Text GraySecondary text102, 102, 102
- BMW Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- BMW Success GreenSuccess0, 155, 119
- BMW Warning YellowWarning255, 184, 0
- BMW Error RedError210, 38, 48
- BMW Info BlueInfo0, 102, 177
Use BMW's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bmw-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0066B1;
--error: #D22630;
--accent: #1C1C1C;
--border: #CCCCCC;
--primary: #0066B1;
--success: #009B77;
--surface: #E6E6E6;
--warning: #FFB800;
--secondary: #FFFFFF;
--text-muted: #A6A6A6;
--background: #F5F5F5;
--text-primary: #1C1C1C;
--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.6:1
Pass
Text on surface
Needs 4.5:1 for body text
13.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
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
BMW gray and neutral colors
The quiet part of the BMW palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BMW Light GrayBackground
- HEX
- RGB
- HSL
- BMW Surface GraySurface
- HEX
- RGB
- HSL
- BMW Border GrayBorder
- HEX
- RGB
- HSL
- BMW Text BlackText
- HEX
- RGB
- HSL
- BMW Text GraySecondary text
- HEX
- RGB
- HSL
- BMW Muted GrayMuted text
- HEX
- RGB
- HSL
About BMW's colors
BMW’s palette is based on the colors of the Bavarian flag, with blue and white as core elements, complemented by black for a premium, technical feel. The system uses neutral grays for UI clarity and accessibility.
Primary blue contrasts with white for strong brand recognition.
Black and gray tones provide structure and hierarchy.
Accent colors are reserved for functional and semantic cues.
Psychology
Blue conveys trust, reliability, and engineering precision, while black adds sophistication and authority. The white and gray tones reinforce clarity and modernity.
Evolution
BMW’s palette has remained stable for decades, with minor refinements to blue and gray tones for digital consistency. The core blue, black, and white have always been central to the brand’s identity.
Where BMW uses each color
- Primary
BMW Blue is used in the logo, key navigation highlights, and call-to-action buttons.
- Secondary
BMW White is the main background for digital and print layouts, ensuring clarity.
- Accent
BMW Black is used for the logo, navigation bars, and prominent text.
- Backgrounds
BMW Light Gray and Surface Gray are used for page backgrounds and card surfaces in digital interfaces.
- Text
Text Black and Text Gray are used for primary and secondary body copy, with Muted Gray for less prominent information.
- Semantic
Success Green, Warning Yellow, and Error Red are used for notifications, status indicators, and alerts.
BMW color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official BMW primary color hex code is #0066B1. This blue is central to BMW’s brand identity.
BMW Blue (#0066B1) in RGB is (0, 102, 177) and in CMYK is (100, 42, 0, 31). These values ensure accurate reproduction across media.
BMW uses several grays: Light Gray (#F5F5F5), Surface Gray (#E6E6E6), Border Gray (#CCCCCC), Text Gray (#666666), and Muted Gray (#A6A6A6). These provide structure and readability in digital interfaces.
Use BMW Blue (#0066B1) for key brand elements and calls to action, with white and black for backgrounds and text. Grays and semantic colors are reserved for UI structure and status messaging.
The secondary color is BMW White, #FFFFFF, and the accent is BMW Black, #1C1C1C. 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 BMW's colors consistently when it generates UI.
Make something in the spirit of BMW
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.