MINI color palette
AutomotiveMINI's brand color system is defined by a monochromatic palette centered around deep black, complemented by crisp white and a range of neutral grays. This minimalistic approach reflects the brand's modern, premium, and urban identity.
mini.comMINI colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- MINI BlackPrimary0, 0, 0
- MINI WhiteSecondary255, 255, 255
- MINI SilverAccent177, 179, 179
Surfaces
Page, cards and dividers.- MINI Light GrayBackground245, 245, 245
- MINI Surface GraySurface229, 229, 229
- MINI Border GrayBorder198, 198, 198
Text
Three tiers of copy.- MINI Black TextText0, 0, 0
- MINI Medium GraySecondary text109, 110, 113
- MINI Muted SilverMuted text177, 179, 179
Semantic
Feedback and state colors.- MINI Success GreenSuccess107, 165, 57
- MINI Warning OrangeWarning245, 166, 35
- MINI Error RedError208, 2, 27
- MINI Info BlueInfo0, 113, 185
Use MINI's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
mini-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0071B9;
--error: #D0021B;
--accent: #B1B3B3;
--border: #C6C6C6;
--primary: #000000;
--success: #6BA539;
--surface: #E5E5E5;
--warning: #F5A623;
--secondary: #FFFFFF;
--text-muted: #B1B3B3;
--background: #F5F5F5;
--text-primary: #000000;
--text-secondary: #6D6E71;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
19.3:1
Pass
Text on surface
Needs 4.5:1 for body text
16.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.0:1
Fail
Muted text on background
Needs 3:1 for large text
1.9:1
Fail
Muted text on surface
Needs 3:1 for large text
1.7:1
Fail
MINI gray and neutral colors
The quiet part of the MINI palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- MINI Light GrayBackground
- HEX
- RGB
- HSL
- MINI Surface GraySurface
- HEX
- RGB
- HSL
- MINI Border GrayBorder
- HEX
- RGB
- HSL
- MINI Black TextText
- HEX
- RGB
- HSL
- MINI Medium GraySecondary text
- HEX
- RGB
- HSL
- MINI Muted SilverMuted text
- HEX
- RGB
- HSL
About MINI's colors
MINI's palette is built on a foundation of black and white, with subtle gray tones for depth and clarity. Accent colors are used sparingly to highlight functional elements and status indicators.
Black and white provide strong contrast for legibility.
Grays are used for UI surfaces and hierarchy.
Accent colors are reserved for notifications and actions.
Psychology
The use of black conveys sophistication, authority, and timelessness. White and gray tones add clarity and a sense of modern minimalism.
Evolution
MINI's color palette has remained largely consistent, emphasizing black and white since its brand relaunch in the early 2000s. Minor adjustments have been made to gray tones for improved digital accessibility.
Where MINI uses each color
- Primary
MINI Black is used for the logo, navigation bars, and primary text.
- Secondary
MINI White appears as the main background and in negative space around key elements.
- Accent
MINI Silver is used for highlights, icons, and subtle dividers.
- Backgrounds
MINI Light Gray is the default background for web and app screens.
- Text
MINI Black Text is used for headlines, while MINI Medium Gray and Muted Silver are used for secondary and disabled text.
- Semantic
MINI Success Green, Warning Orange, Error Red, and Info Blue are used for status messages and alerts.
MINI color questions
Hex codes, RGB values, neutrals and how to use the palette.
The MINI primary color hex code is #000000. This deep black is used for the logo and key brand elements.
MINI Black (#000000) has an RGB value of 0, 0, 0 and a CMYK value of 0, 0, 0, 100. It is a pure black with no color components.
Yes, MINI uses a range of grays such as MINI Silver (#B1B3B3), MINI Light Gray (#F5F5F5), and MINI Medium Gray (#6D6E71) for UI surfaces and text hierarchy. These neutrals support the monochrome brand identity.
Use MINI Black (#000000) for primary navigation and text, MINI White (#FFFFFF) for backgrounds, and MINI Silver (#B1B3B3) for accents. Semantic colors like MINI Success Green (#6BA539) are reserved for alerts and status indicators.
The secondary color is MINI White, #FFFFFF, and the accent is MINI Silver, #B1B3B3. Together with the primary they make up the three brand colors at the top of this page.
3 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 MINI's colors consistently when it generates UI.
Make something in the spirit of MINI
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.