Rolls-Royce color palette
AutomotiveRolls-Royce's color identity is defined by deep, luxurious purples and refined metallics, reflecting its legacy of craftsmanship and prestige. The palette emphasizes sophistication, tradition, and understated elegance.
rolls-roycemotorcars.comRolls-Royce colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Rolls-Royce PurplePrimary40, 20, 50
- Rolls-Royce SilverSecondary167, 169, 172
- Rolls-Royce GoldAccent203, 161, 53
Surfaces
Page, cards and dividers.- Rolls-Royce Light GreyBackground245, 245, 245
- Rolls-Royce WhiteSurface255, 255, 255
- Rolls-Royce Soft SilverBorder209, 211, 212
Text
Three tiers of copy.- Rolls-Royce CharcoalText24, 24, 24
- Rolls-Royce SlateSecondary text91, 91, 91
- Rolls-Royce SilverMuted text167, 169, 172
Semantic
Feedback and state colors.- Rolls-Royce Heritage GreenSuccess75, 123, 63
- Rolls-Royce GoldWarning203, 161, 53
- Rolls-Royce BurgundyError176, 46, 46
- Rolls-Royce Royal BlueInfo58, 76, 139
Use Rolls-Royce's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
rolls-royce-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A4C8B;
--error: #B02E2E;
--accent: #CBA135;
--border: #D1D3D4;
--primary: #281432;
--success: #4B7B3F;
--surface: #FFFFFF;
--warning: #CBA135;
--secondary: #A7A9AC;
--text-muted: #A7A9AC;
--background: #F5F5F5;
--text-primary: #181818;
--text-secondary: #5B5B5B;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.3:1
Pass
Text on surface
Needs 4.5:1 for body text
17.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
6.8: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.4:1
Fail
Rolls-Royce gray and neutral colors
The quiet part of the Rolls-Royce palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Rolls-Royce Light GreyBackground
- HEX
- RGB
- HSL
- Rolls-Royce WhiteSurface
- HEX
- RGB
- HSL
- Rolls-Royce Soft SilverBorder
- HEX
- RGB
- HSL
- Rolls-Royce CharcoalText
- HEX
- RGB
- HSL
- Rolls-Royce SlateSecondary text
- HEX
- RGB
- HSL
- Rolls-Royce SilverMuted text
- HEX
- RGB
- HSL
About Rolls-Royce's colors
Rolls-Royce's palette centers on deep purple, silver, and gold, evoking luxury and exclusivity. Neutral greys and whites support a refined, timeless aesthetic.
Primary purple is complemented by metallic silver and gold.
Neutral greys balance the rich accent tones.
Dark and light contrasts highlight content and navigation.
Psychology
Purple conveys opulence and creativity, while silver and gold reinforce a sense of prestige and tradition. The palette is designed to evoke trust and admiration.
Evolution
The Rolls-Royce color palette has remained remarkably stable, with minor adjustments to metallic tones for digital clarity. The core purple and silver have been consistent hallmarks throughout the brand's history.
Where Rolls-Royce uses each color
- Primary
Used in navigation bars, key brand marks, and major call-to-action buttons.
- Secondary
Appears in logo elements, dividers, and subtle UI highlights.
- Accent
Used for highlights, luxury detailing, and special feature callouts.
- Backgrounds
Light grey and white backgrounds provide a neutral canvas for content.
- Text
Charcoal and slate tones are used for primary and secondary text for optimal readability.
- Semantic
Green, gold, burgundy, and royal blue are used for status indicators, alerts, and informational banners.
Rolls-Royce color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Rolls-Royce primary color hex code is #281432. This deep purple is a core element of the brand's identity.
Rolls-Royce Purple (#281432) has an RGB value of 40, 20, 50. This color is used in key brand elements and navigation.
Rolls-Royce uses a range of neutral tones including Rolls-Royce Light Grey (#F5F5F5), Soft Silver (#D1D3D4), and Charcoal (#181818). These support the luxurious feel of the primary palette.
Use Rolls-Royce Purple (#281432) for primary actions and branding, with Silver (#A7A9AC) and Gold (#CBA135) as accents. Neutrals and dark tones should be used for backgrounds and text to maintain clarity and elegance.
The secondary color is Rolls-Royce Silver, #A7A9AC, and the accent is Rolls-Royce Gold, #CBA135. 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 Rolls-Royce's colors consistently when it generates UI.
Make something in the spirit of Rolls-Royce
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.