Bugatti color palette
AutomotiveBugatti's brand color system is defined by a bold use of black, deep blues, and signature red, reflecting its legacy of luxury and performance. The palette is minimal, elegant, and consistent across digital and print applications.
bugatti.comBugatti colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bugatti BlackPrimary0, 0, 0
- Bugatti Deep BlueSecondary28, 42, 68
- Bugatti RedAccent226, 33, 38
Surfaces
Page, cards and dividers.- Bugatti WhiteBackground255, 255, 255
- Bugatti Light GraySurface245, 245, 245
- Bugatti Soft GrayBorder209, 213, 219
Text
Three tiers of copy.- Bugatti Black TextText0, 0, 0
- Bugatti Deep Blue TextSecondary text28, 42, 68
- Bugatti Muted GrayMuted text107, 114, 128
Semantic
Feedback and state colors.- Bugatti Success GreenSuccess75, 181, 67
- Bugatti Warning YellowWarning255, 184, 0
- Bugatti Red ErrorError226, 33, 38
- Bugatti Info BlueInfo28, 42, 68
Use Bugatti's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bugatti-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1C2A44;
--error: #E22126;
--accent: #E22126;
--border: #D1D5DB;
--primary: #000000;
--success: #4BB543;
--surface: #F5F5F5;
--warning: #FFB800;
--secondary: #1C2A44;
--text-muted: #6B7280;
--background: #FFFFFF;
--text-primary: #000000;
--text-secondary: #1C2A44;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
21.0:1
Pass
Text on surface
Needs 4.5:1 for body text
19.3:1
Pass
Secondary text on background
Needs 4.5:1 for body text
14.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
13.2:1
Pass
Muted text on background
Needs 3:1 for large text
4.8:1
Pass
Muted text on surface
Needs 3:1 for large text
4.4:1
Pass
Bugatti background, border and text colors
The quiet part of the Bugatti palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bugatti WhiteBackground
- HEX
- RGB
- HSL
- Bugatti Light GraySurface
- HEX
- RGB
- HSL
- Bugatti Soft GrayBorder
- HEX
- RGB
- HSL
- Bugatti Black TextText
- HEX
- RGB
- HSL
- Bugatti Deep Blue TextSecondary text
- HEX
- RGB
- HSL
- Bugatti Muted GrayMuted text
- HEX
- RGB
- HSL
About Bugatti's colors
Bugatti's palette uses high-contrast black and white with deep blue and red accents to convey luxury and performance. The colors are chosen for clarity, sophistication, and brand recognition.
Primary black contrasts with white backgrounds for legibility.
Deep blue is paired with red for signature accents.
Gray tones support UI clarity and hierarchy.
Psychology
Black and deep blue evoke exclusivity, power, and trust, while red signals passion and performance. The restrained palette reinforces Bugatti's premium positioning.
Evolution
Bugatti's core palette has remained stable, with black, blue, and red as constants. Minor adjustments to gray tones and accent usage have been made for digital clarity.
Where Bugatti uses each color
- Primary
Bugatti Black is used for navigation bars, headers, and primary UI elements.
- Secondary
Bugatti Deep Blue appears in backgrounds, footers, and secondary navigation.
- Accent
Bugatti Red is reserved for call-to-action buttons, highlights, and the Bugatti logo.
- Backgrounds
Bugatti White and Light Gray are used for page backgrounds and content areas.
- Text
Black and Deep Blue are used for primary and secondary text, with Muted Gray for less prominent information.
- Semantic
Success Green, Warning Yellow, and Red Error are used for status indicators and alerts.
Bugatti color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary color hex code for Bugatti is #000000. This is used as the main brand color across digital and print.
Bugatti Black (#000000) in RGB is (0, 0, 0) and in CMYK is (0, 0, 0, 100). These values ensure accurate reproduction in both digital and print formats.
Bugatti uses Light Gray (#F5F5F5) and Soft Gray (#D1D5DB) for surfaces and borders. Muted Gray (#6B7280) is used for less prominent text.
Primary and secondary colors should dominate navigation and key UI elements, with red reserved for accents and calls to action. Grays and whites provide structure and maintain a clean, luxurious feel.
The secondary color is Bugatti Deep Blue, #1C2A44, and the accent is Bugatti Red, #E22126. 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 Bugatti's colors consistently when it generates UI.
Make something in the spirit of Bugatti
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.