Cartier color palette
FashionCartier's color identity is defined by its iconic deep red, paired with elegant gold and refined neutrals, reflecting luxury and heritage. The palette is minimal and timeless, used consistently across all brand touchpoints.
cartier.comCartier colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Cartier RedPrimary181, 28, 39
- Cartier GoldSecondary169, 140, 91
- Cartier WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Cartier IvoryBackground247, 246, 244
- Cartier Light BeigeSurface229, 225, 220
- Cartier Pale GrayBorder201, 198, 193
Text
Three tiers of copy.- Cartier BlackText26, 26, 26
- Cartier GraySecondary text110, 107, 104
- Cartier Muted GrayMuted text168, 165, 162
Semantic
Feedback and state colors.- Cartier EmeraldSuccess75, 139, 59
- Cartier AmberWarning214, 161, 77
- Cartier RedError181, 28, 39
- Cartier BlueInfo91, 122, 153
Use Cartier's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cartier-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5B7A99;
--error: #B51C27;
--accent: #FFFFFF;
--border: #C9C6C1;
--primary: #B51C27;
--success: #4B8B3B;
--surface: #E5E1DC;
--warning: #D6A14D;
--secondary: #A98C5B;
--text-muted: #A8A5A2;
--background: #F7F6F4;
--text-primary: #1A1A1A;
--text-secondary: #6E6B68;
}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.1:1
Pass
Text on surface
Needs 4.5:1 for body text
13.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.1:1
Fail
Muted text on background
Needs 3:1 for large text
2.3:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Cartier background, border and text colors
The quiet part of the Cartier palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Cartier IvoryBackground
- HEX
- RGB
- HSL
- Cartier Light BeigeSurface
- HEX
- RGB
- HSL
- Cartier Pale GrayBorder
- HEX
- RGB
- HSL
- Cartier BlackText
- HEX
- RGB
- HSL
- Cartier GraySecondary text
- HEX
- RGB
- HSL
- Cartier Muted GrayMuted text
- HEX
- RGB
- HSL
About Cartier's colors
Cartier's palette is built around a signature red, complemented by gold and understated neutrals to evoke luxury and sophistication. The restrained use of color highlights the brand's timeless and classic appeal.
Primary red is paired with gold for luxury accents.
Neutrals provide a refined backdrop for product imagery.
Minimal use of blue and green for functional UI states.
Psychology
The deep red conveys passion, prestige, and exclusivity, while gold accents reinforce a sense of opulence. Neutral tones ensure the focus remains on the products and the brand's heritage.
Evolution
Cartier's color palette has remained largely unchanged for decades, maintaining its signature red and gold. The use of neutrals has increased in digital applications to improve readability and modernize the interface.
Where Cartier uses each color
- Primary
Cartier Red is used for packaging, headers, and key brand visuals.
- Secondary
Cartier Gold appears in logos, accents, and product details.
- Accent
Cartier White is used for text on red backgrounds and as a clean accent.
- Backgrounds
Cartier Ivory and Light Beige are used for website and app backgrounds.
- Text
Cartier Black and Gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Emerald, Amber, and Blue are used for success, warning, and informational UI states respectively.
Cartier color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Cartier brand color hex code is #B51C27, known as Cartier Red.
Cartier Red (#B51C27) in RGB is 181, 28, 39. For CMYK, it is approximately 0, 85, 78, 29.
Cartier uses Ivory (#F7F6F4), Light Beige (#E5E1DC), Pale Gray (#C9C6C1), and Muted Gray (#A8A5A2) as its main neutrals for backgrounds, borders, and muted text.
Use Cartier Red (#B51C27) for primary branding elements, Gold (#A98C5B) for accents, and neutrals for backgrounds and text to maintain a refined, luxurious look.
The secondary color is Cartier Gold, #A98C5B, and the accent is Cartier White, #FFFFFF. Together with the primary they make up the three brand colors at the top of this page.
3 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 Cartier's colors consistently when it generates UI.
Make something in the spirit of Cartier
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.