Häagen-Dazs color palette
Food & DrinkHäagen-Dazs uses a rich, elegant palette centered on deep burgundy and gold, reflecting its premium ice cream positioning. The color system is consistent across packaging, digital, and retail environments.
haagen-dazs.comHäagen-Dazs colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Häagen-Dazs BurgundyPrimary122, 30, 43
- Häagen-Dazs GoldSecondary200, 169, 120
- Häagen-Dazs CreamAccent237, 230, 214
Surfaces
Page, cards and dividers.- Häagen-Dazs WhiteBackground255, 255, 255
- Häagen-Dazs Light CreamSurface246, 244, 240
- Häagen-Dazs Border BeigeBorder215, 203, 182
Text
Three tiers of copy.- Häagen-Dazs Deep BrownText45, 27, 23
- Häagen-Dazs BurgundySecondary text122, 30, 43
- Häagen-Dazs Muted TaupeMuted text154, 139, 127
Semantic
Feedback and state colors.- Häagen-Dazs GreenSuccess109, 154, 95
- Häagen-Dazs Honey GoldWarning225, 184, 87
- Häagen-Dazs Error RedError176, 58, 46
- Häagen-Dazs BlueInfo90, 110, 140
Use Häagen-Dazs's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
haagen-dazs-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5A6E8C;
--error: #B03A2E;
--accent: #EDE6D6;
--border: #D7CBB6;
--primary: #7A1E2B;
--success: #6D9A5F;
--surface: #F6F4F0;
--warning: #E1B857;
--secondary: #C8A978;
--text-muted: #9A8B7F;
--background: #FFFFFF;
--text-primary: #2D1B17;
--text-secondary: #7A1E2B;
}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.4:1
Pass
Text on surface
Needs 4.5:1 for body text
14.9:1
Pass
Secondary text on background
Needs 4.5:1 for body text
10.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
9.3:1
Pass
Muted text on background
Needs 3:1 for large text
3.3:1
Pass
Muted text on surface
Needs 3:1 for large text
3.0:1
Fail
Häagen-Dazs background, border and text colors
The quiet part of the Häagen-Dazs palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Häagen-Dazs WhiteBackground
- HEX
- RGB
- HSL
- Häagen-Dazs Light CreamSurface
- HEX
- RGB
- HSL
- Häagen-Dazs Border BeigeBorder
- HEX
- RGB
- HSL
- Häagen-Dazs Deep BrownText
- HEX
- RGB
- HSL
- Häagen-Dazs BurgundySecondary text
- HEX
- RGB
- HSL
- Häagen-Dazs Muted TaupeMuted text
- HEX
- RGB
- HSL
About Häagen-Dazs's colors
Häagen-Dazs's palette uses deep burgundy and gold to evoke luxury and indulgence, complemented by creamy neutrals for balance. The colors are chosen to stand out on shelves and convey a sense of heritage.
Burgundy and gold are complementary for a premium look.
Creamy neutrals soften and balance the rich tones.
Dark brown provides contrast for legibility and warmth.
Psychology
Burgundy suggests richness, sophistication, and appetite appeal, while gold signals quality and exclusivity. Cream and brown tones create a comforting, inviting atmosphere.
Evolution
The core burgundy and gold colors have been consistent since the brand's inception. Minor adjustments to neutrals and supporting tones have modernized the palette for digital use.
Where Häagen-Dazs uses each color
- Primary
Burgundy is used for the logo, navigation bars, and key calls to action.
- Secondary
Gold accents appear on packaging, headings, and decorative borders.
- Accent
Cream is used as a background on packaging and web sections.
- Backgrounds
White and light cream are used for website backgrounds and product displays.
- Text
Deep brown is the main text color, with burgundy for highlights and muted taupe for secondary text.
- Semantic
Green, honey gold, and error red are used for success, warning, and error states in digital interfaces.
Häagen-Dazs color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Häagen-Dazs primary brand color is Burgundy, hex code #7A1E2B.
The RGB value for #7A1E2B is (122, 30, 43). For print, the closest CMYK is (0, 75, 65, 52).
Häagen-Dazs uses 'Cream' (#EDE6D6), 'Light Cream' (#F6F4F0), and 'Muted Taupe' (#9A8B7F) as its primary neutral tones for backgrounds and text.
Use Burgundy (#7A1E2B) for main branding elements, Gold (#C8A978) for accents, and Cream (#EDE6D6) or White (#FFFFFF) for backgrounds. Supporting colors like Deep Brown (#2D1B17) and Muted Taupe (#9A8B7F) are for text and UI elements.
The secondary color is Häagen-Dazs Gold, #C8A978, and the accent is Häagen-Dazs Cream, #EDE6D6. Together with the primary they make up the three brand colors at the top of this page.
5 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 Häagen-Dazs's colors consistently when it generates UI.
Make something in the spirit of Häagen-Dazs
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.