Ferrero color palette
Food & DrinkFerrero's color identity centers on a rich gold, symbolizing quality and premium confectionery, complemented by deep browns and white for contrast and clarity. The palette is consistent across packaging, digital, and print materials.
ferrero.comFerrero colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ferrero GoldPrimary176, 139, 47
- Ferrero Chocolate BrownSecondary79, 44, 29
- Ferrero WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Ferrero CreamBackground248, 246, 241
- Ferrero Light GoldSurface229, 216, 176
- Ferrero Gold BorderBorder201, 180, 124
Text
Three tiers of copy.- Ferrero Chocolate TextText79, 44, 29
- Ferrero Gold TextSecondary text176, 139, 47
- Ferrero Muted BrownMuted text140, 122, 91
Semantic
Feedback and state colors.- Ferrero Olive GreenSuccess163, 182, 107
- Ferrero AmberWarning229, 168, 35
- Ferrero Deep RedError176, 58, 46
- Ferrero Slate BlueInfo138, 156, 176
Use Ferrero's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ferrero-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #8A9CB0;
--error: #B03A2E;
--accent: #FFFFFF;
--border: #C9B47C;
--primary: #B08B2F;
--success: #A3B66B;
--surface: #E5D8B0;
--warning: #E5A823;
--secondary: #4F2C1D;
--text-muted: #8C7A5B;
--background: #F8F6F1;
--text-primary: #4F2C1D;
--text-secondary: #B08B2F;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
11.4:1
Pass
Text on surface
Needs 4.5:1 for body text
8.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
3.0:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
2.2:1
Fail
Muted text on background
Needs 3:1 for large text
3.9:1
Pass
Muted text on surface
Needs 3:1 for large text
2.9:1
Fail
Ferrero background, border and text colors
The quiet part of the Ferrero palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ferrero CreamBackground
- HEX
- RGB
- HSL
- Ferrero Light GoldSurface
- HEX
- RGB
- HSL
- Ferrero Gold BorderBorder
- HEX
- RGB
- HSL
- Ferrero Chocolate TextText
- HEX
- RGB
- HSL
- Ferrero Gold TextSecondary text
- HEX
- RGB
- HSL
- Ferrero Muted BrownMuted text
- HEX
- RGB
- HSL
About Ferrero's colors
Ferrero's palette uses gold and brown to evoke luxury, warmth, and tradition, with white and cream for balance and readability. The colors are harmoniously combined to reinforce the brand's premium confectionery positioning.
Gold and brown are analogous, creating a warm, inviting feel.
White and cream provide contrast and clarity.
Accent colors are used sparingly to highlight information.
Psychology
Gold conveys quality, prestige, and indulgence, while brown suggests reliability and comfort. The cream and white tones soften the palette, making it approachable and elegant.
Evolution
Ferrero's color palette has remained stable over decades, maintaining its signature gold and brown. Minor adjustments have been made for digital clarity, but the core colors are consistent.
Where Ferrero uses each color
- Primary
Ferrero Gold is used for logos, key packaging elements, and call-to-action buttons.
- Secondary
Ferrero Chocolate Brown appears in navigation bars, headers, and secondary packaging details.
- Accent
Ferrero White is used for text, backgrounds, and highlights across digital and print.
- Backgrounds
Ferrero Cream serves as the main background color on websites and printed materials.
- Text
Ferrero Chocolate Text is the default for body copy and headlines, with Gold Text for emphasis.
- Semantic
Olive Green, Amber, Deep Red, and Slate Blue are used for status indicators and notifications in digital interfaces.
Ferrero color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Ferrero brand color is Ferrero Gold, with the hex code #B08B2F.
Ferrero Gold (#B08B2F) is RGB(176, 139, 47) and CMYK(0, 21, 73, 31).
Ferrero uses Ferrero Chocolate Brown (#4F2C1D) and Ferrero Muted Brown (#8C7A5B) as its primary dark and neutral tones for text and UI backgrounds.
Use Ferrero Gold (#B08B2F) for primary branding elements and calls to action, with Chocolate Brown (#4F2C1D) for text and secondary elements. Cream and white provide background and contrast, while accent and semantic colors are reserved for specific UI states.
The secondary color is Ferrero Chocolate Brown, #4F2C1D, and the accent is Ferrero 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 Ferrero's colors consistently when it generates UI.
Make something in the spirit of Ferrero
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.