Rolex color palette
FashionRolex's color identity centers on its iconic green and gold, symbolizing prestige and heritage, complemented by deep neutrals for a luxurious, timeless feel. The palette is consistent across digital and physical touchpoints, reflecting the brand's legacy.
rolex.comRolex colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Rolex GreenPrimary0, 90, 49
- Rolex GoldSecondary212, 175, 55
- Rolex WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Rolex Light GrayBackground245, 245, 245
- Rolex Off WhiteSurface229, 229, 224
- Rolex Pale GoldBorder194, 190, 182
Text
Three tiers of copy.- Rolex CharcoalText35, 35, 35
- Rolex Medium GraySecondary text91, 91, 91
- Rolex Muted GrayMuted text166, 166, 166
Semantic
Feedback and state colors.- Rolex EmeraldSuccess0, 112, 60
- Rolex Sun GoldWarning245, 194, 66
- Rolex BurgundyError179, 38, 30
- Rolex Deep BlueInfo58, 111, 143
Use Rolex's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
rolex-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3A6F8F;
--error: #B3261E;
--accent: #FFFFFF;
--border: #C2BEB6;
--primary: #005A31;
--success: #00703C;
--surface: #E5E5E0;
--warning: #F5C242;
--secondary: #D4AF37;
--text-muted: #A6A6A6;
--background: #F5F5F5;
--text-primary: #232323;
--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
14.4:1
Pass
Text on surface
Needs 4.5:1 for body text
12.4: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
5.4: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
1.9:1
Fail
Rolex gray and neutral colors
The quiet part of the Rolex palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Rolex Light GrayBackground
- HEX
- RGB
- HSL
- Rolex Off WhiteSurface
- HEX
- RGB
- HSL
- Rolex Pale GoldBorder
- HEX
- RGB
- HSL
- Rolex CharcoalText
- HEX
- RGB
- HSL
- Rolex Medium GraySecondary text
- HEX
- RGB
- HSL
- Rolex Muted GrayMuted text
- HEX
- RGB
- HSL
About Rolex's colors
Rolex's palette is built around deep green and gold, evoking exclusivity and tradition. Neutral grays and whites provide balance and clarity for digital and print applications.
Green and gold create a regal, harmonious contrast.
Neutrals support the primary colors by adding sophistication.
Accent white ensures clarity and visual hierarchy.
Psychology
Green is associated with wealth, stability, and growth, reinforcing Rolex's luxury status. Gold conveys success, achievement, and timeless value.
Evolution
Rolex's core green and gold palette has remained largely unchanged, maintaining brand consistency for decades. Minor adjustments to neutrals and supporting tones have been made for modern digital interfaces.
Where Rolex uses each color
- Primary
Rolex Green is used in the logo, navigation bars, and key brand visuals.
- Secondary
Rolex Gold appears in accents, call-to-action buttons, and packaging details.
- Accent
Rolex White is used for text, backgrounds, and to highlight important UI elements.
- Backgrounds
Rolex Light Gray and Off White are used for page backgrounds and content surfaces.
- Text
Charcoal and Medium Gray are used for primary and secondary text on the website and printed materials.
- Semantic
Emerald signals success, Sun Gold for warnings, Burgundy for errors, and Deep Blue for informational highlights.
Rolex color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Rolex brand green is #005A31. This color is used in the logo and primary brand elements.
Rolex Green (#005A31) is RGB(0, 90, 49) and CMYK(100, 0, 46, 65). These values ensure color consistency across print and digital.
Rolex uses Light Gray (#F5F5F5), Off White (#E5E5E0), and Charcoal (#232323) as its primary neutrals. These provide a clean, elegant backdrop for the brand's signature colors.
Rolex Green (#005A31) should dominate key brand elements, with Gold (#D4AF37) as a highlight. Neutrals and white balance the palette for readability and luxury appeal.
The secondary color is Rolex Gold, #D4AF37, and the accent is Rolex White, #FFFFFF. 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 Rolex's colors consistently when it generates UI.
Make something in the spirit of Rolex
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.