Bentley color palette
AutomotiveBentley's color identity is defined by a sophisticated palette of deep greys, metallic silvers, and British Racing Green, reflecting luxury and heritage. The brand uses these colors consistently across digital and physical touchpoints.
bentleymotors.comBentley colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Bentley CharcoalPrimary51, 51, 51
- Bentley SilverSecondary153, 153, 153
- Bentley Racing GreenAccent26, 59, 38
Surfaces
Page, cards and dividers.- Bentley Light GreyBackground245, 245, 245
- Bentley Pale SilverSurface229, 229, 229
- Bentley Soft GreyBorder204, 204, 204
Text
Three tiers of copy.- Bentley Deep CharcoalText34, 34, 34
- Bentley Medium GreySecondary text102, 102, 102
- Bentley Muted SilverMuted text170, 170, 170
Semantic
Feedback and state colors.- Bentley Success GreenSuccess76, 140, 74
- Bentley GoldWarning184, 140, 29
- Bentley BurgundyError176, 58, 46
- Bentley Slate BlueInfo58, 90, 119
Use Bentley's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
bentley-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A5A77;
--error: #B03A2E;
--accent: #1A3B26;
--border: #CCCCCC;
--primary: #333333;
--success: #4C8C4A;
--surface: #E5E5E5;
--warning: #B88C1D;
--secondary: #999999;
--text-muted: #AAAAAA;
--background: #F5F5F5;
--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
14.6:1
Pass
Text on surface
Needs 4.5:1 for body text
12.6: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.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.8:1
Fail
Bentley gray and neutral colors
The quiet part of the Bentley palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Bentley Light GreyBackground
- HEX
- RGB
- HSL
- Bentley Pale SilverSurface
- HEX
- RGB
- HSL
- Bentley Soft GreyBorder
- HEX
- RGB
- HSL
- Bentley Deep CharcoalText
- HEX
- RGB
- HSL
- Bentley Medium GreySecondary text
- HEX
- RGB
- HSL
- Bentley Muted SilverMuted text
- HEX
- RGB
- HSL
About Bentley's colors
Bentley's palette is rooted in understated luxury, using deep greys and metallics with a signature green accent. The colors evoke heritage, craftsmanship, and exclusivity.
Primary charcoal anchors UI and branding.
Silver and light greys provide contrast and clarity.
Racing Green is reserved for accents and highlights.
Psychology
The deep greys and greens convey sophistication, stability, and tradition. Silver tones add a sense of modernity and precision.
Evolution
Bentley's palette has remained stable, with minor refinements to grey and green tones for digital clarity. The core colors have been consistent to reinforce brand heritage.
Where Bentley uses each color
- Primary
Used for navigation bars, headers, and key brand elements.
- Secondary
Appears in UI backgrounds, footers, and secondary buttons.
- Accent
Applied to call-to-action buttons, highlights, and select icons.
- Backgrounds
Light grey backgrounds are used for content areas and forms.
- Text
Deep charcoal is used for primary text, with medium and muted greys for secondary and disabled text.
- Semantic
Success green, gold, and burgundy are used for status indicators and alerts.
Bentley color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Bentley primary color hex code is #333333. This is used as the main brand and UI color.
Bentley Charcoal (#333333) in RGB is 51, 51, 51. In CMYK, it is approximately 0, 0, 0, 80.
Bentley uses a range of greys including #999999 (Bentley Silver), #E5E5E5 (Bentley Pale Silver), and #CCCCCC (Bentley Soft Grey). These are used for backgrounds, borders, and secondary UI elements.
Primary and secondary colors should dominate navigation and backgrounds, with Racing Green (#1A3B26) reserved for accents and calls to action. Semantic colors are for status indicators only.
The secondary color is Bentley Silver, #999999, and the accent is Bentley Racing Green, #1A3B26. 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 Bentley's colors consistently when it generates UI.
Make something in the spirit of Bentley
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.