Lindt color palette
Food & DrinkLindt's color identity is defined by its signature gold and deep blue, conveying luxury and premium quality. The palette is consistent across packaging, digital, and retail environments.
lindt.comLindt colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Lindt GoldPrimary199, 164, 98
- Lindt Deep BlueSecondary26, 39, 66
- Lindt BronzeAccent166, 124, 82
Surfaces
Page, cards and dividers.- Lindt WhiteBackground255, 255, 255
- Lindt CreamSurface245, 243, 239
- Lindt Pale GoldBorder224, 216, 195
Text
Three tiers of copy.- Lindt Deep Blue TextText26, 39, 66
- Lindt Bronze TextSecondary text166, 124, 82
- Lindt GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Lindt GreenSuccess106, 153, 78
- Lindt CaramelWarning232, 176, 75
- Lindt RedError176, 58, 46
- Lindt BlueInfo59, 91, 165
Use Lindt's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
lindt-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B5BA5;
--error: #B03A2E;
--accent: #A67C52;
--border: #E0D8C3;
--primary: #C7A462;
--success: #6A994E;
--surface: #F5F3EF;
--warning: #E8B04B;
--secondary: #1A2742;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #1A2742;
--text-secondary: #A67C52;
}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.9: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
3.7:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.4:1
Fail
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Pass
Lindt background, border and text colors
The quiet part of the Lindt palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Lindt WhiteBackground
- HEX
- RGB
- HSL
- Lindt CreamSurface
- HEX
- RGB
- HSL
- Lindt Pale GoldBorder
- HEX
- RGB
- HSL
- Lindt Deep Blue TextText
- HEX
- RGB
- HSL
- Lindt Bronze TextSecondary text
- HEX
- RGB
- HSL
- Lindt GrayMuted text
- HEX
- RGB
- HSL
About Lindt's colors
Lindt's palette is rooted in gold and deep blue, signifying luxury and trust. The supporting neutrals and metallics reinforce a premium, timeless feel.
Gold and blue are complementary, balancing warmth and coolness.
Neutrals provide contrast for legibility and elegance.
Accent metallics highlight premium cues.
Psychology
Gold evokes luxury, quality, and indulgence, while deep blue communicates trust and sophistication. The palette is designed to appeal to premium chocolate consumers.
Evolution
Lindt's color palette has remained stable for decades, with gold and blue as enduring hallmarks. Minor adjustments have modernized the neutrals and accent tones for digital use.
Where Lindt uses each color
- Primary
Lindt Gold is used on packaging, logo, and key brand elements.
- Secondary
Lindt Deep Blue appears in navigation bars, backgrounds, and product wrappers.
- Accent
Lindt Bronze highlights call-to-actions and decorative borders.
- Backgrounds
Lindt White and Lindt Cream are used for website backgrounds and product photography.
- Text
Lindt Deep Blue Text is used for primary headlines, with Lindt Bronze Text for secondary information.
- Semantic
Lindt Green, Caramel, Red, and Blue are used for status indicators, alerts, and informational banners.
Lindt color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Lindt brand color is Lindt Gold, with the hex code #C7A462.
Lindt Gold (#C7A462) in RGB is 199, 164, 98. For CMYK, it is approximately 0, 18, 51, 22.
Lindt uses Lindt Gray (#8C8C8C) for muted text and Lindt Cream (#F5F3EF) for soft backgrounds.
Lindt Gold (#C7A462) should dominate key brand elements, with Deep Blue (#1A2742) for backgrounds and navigation, and neutrals for UI clarity.
The secondary color is Lindt Deep Blue, #1A2742, and the accent is Lindt Bronze, #A67C52. 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 Lindt's colors consistently when it generates UI.
Make something in the spirit of Lindt
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.