Bosch color palette
ConsumerBosch's color identity is anchored by its distinctive Bosch Red, paired with a clean, functional palette of grays, white, and blue accents. The color system emphasizes clarity, reliability, and German engineering precision.
bosch.comBosch colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bosch RedPrimary234, 0, 22
- Bosch BlueSecondary0, 51, 153
- Bosch CyanAccent0, 174, 239
Surfaces
Page, cards and dividers.- Bosch WhiteBackground255, 255, 255
- Bosch Light GraySurface245, 245, 245
- Bosch Silver GrayBorder209, 211, 212
Text
Three tiers of copy.- Bosch CharcoalText34, 34, 34
- Bosch Medium GraySecondary text102, 102, 102
- Bosch Muted GrayMuted text167, 169, 172
Semantic
Feedback and state colors.- Bosch GreenSuccess67, 176, 42
- Bosch YellowWarning255, 184, 28
- Bosch RedError234, 0, 22
- Bosch CyanInfo0, 174, 239
Use Bosch's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bosch-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00AEEF;
--error: #EA0016;
--accent: #00AEEF;
--border: #D1D3D4;
--primary: #EA0016;
--success: #43B02A;
--surface: #F5F5F5;
--warning: #FFB81C;
--secondary: #003399;
--text-muted: #A7A9AC;
--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
Bosch gray and neutral colors
The quiet part of the Bosch palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bosch WhiteBackground
- HEX
- RGB
- HSL
- Bosch Light GraySurface
- HEX
- RGB
- HSL
- Bosch Silver GrayBorder
- HEX
- RGB
- HSL
- Bosch CharcoalText
- HEX
- RGB
- HSL
- Bosch Medium GraySecondary text
- HEX
- RGB
- HSL
- Bosch Muted GrayMuted text
- HEX
- RGB
- HSL
About Bosch's colors
Bosch's palette is rooted in a strong, vibrant red, balanced by trustworthy blue and neutral grays. The colors are chosen for clarity, professionalism, and technical reliability.
Red and blue create a high-contrast, authoritative pairing.
Neutral grays support clarity and legibility.
Accent cyan adds a modern, technological touch.
Psychology
Bosch Red conveys energy, confidence, and innovation, while blue and gray tones reinforce trust and stability. The palette is designed to evoke professionalism and technical expertise.
Evolution
Bosch's color palette has remained consistent for decades, maintaining its signature red and blue. Minor adjustments have been made to gray tones for digital clarity.
Where Bosch uses each color
- Primary
Bosch Red is used for the logo, key CTAs, and highlights on packaging.
- Secondary
Bosch Blue appears in navigation bars, footers, and product accents.
- Accent
Bosch Cyan is used for links, icons, and interactive UI elements.
- Backgrounds
Bosch White and Light Gray are used for page backgrounds and content surfaces.
- Text
Bosch Charcoal and Medium Gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Green, yellow, and red are used for status indicators and notifications in digital interfaces.
Bosch color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bosch primary color is Bosch Red, hex code #EA0016. This color is used for the logo and key brand elements.
Bosch Red (#EA0016) in RGB is 234, 0, 22. In CMYK, it is approximately 0, 100, 90, 0.
Bosch uses Bosch Light Gray (#F5F5F5), Bosch Silver Gray (#D1D3D4), and Bosch Charcoal (#222222) for backgrounds, borders, and text. These neutrals ensure clarity and a clean, modern look.
Bosch Red (#EA0016) should be reserved for branding and key actions, while blue and cyan are used for navigation and accents. Grays and white provide structure and readability across all applications.
The secondary color is Bosch Blue, #003399, and the accent is Bosch Cyan, #00AEEF. 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 Bosch's colors consistently when it generates UI.
Make something in the spirit of Bosch
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.