Cadbury color palette
Food & DrinkCadbury's brand identity is defined by its iconic purple, paired with gold and a refined palette of neutrals. The color system is rooted in heritage and luxury, consistently applied across packaging and digital assets.
cadbury.co.ukCadbury colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Cadbury PurplePrimary75, 32, 103
- Cadbury GoldSecondary255, 215, 0
- Cadbury WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Cadbury LilacBackground246, 243, 247
- Cadbury SurfaceSurface237, 230, 242
- Cadbury BorderBorder191, 165, 201
Text
Three tiers of copy.- Cadbury Text PurpleText45, 19, 59
- Cadbury Text LilacSecondary text108, 79, 116
- Cadbury MutedMuted text162, 139, 174
Semantic
Feedback and state colors.- Cadbury GreenSuccess123, 182, 97
- Cadbury CaramelWarning245, 179, 53
- Cadbury RedError208, 74, 74
- Cadbury BlueInfo75, 110, 169
Use Cadbury's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
cadbury-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4B6EA9;
--error: #D04A4A;
--accent: #FFFFFF;
--border: #BFA5C9;
--primary: #4B2067;
--success: #7BB661;
--surface: #EDE6F2;
--warning: #F5B335;
--secondary: #FFD700;
--text-muted: #A28BAE;
--background: #F6F3F7;
--text-primary: #2D133B;
--text-secondary: #6C4F74;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.1:1
Pass
Text on surface
Needs 4.5:1 for body text
13.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
6.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.8:1
Fail
Muted text on surface
Needs 3:1 for large text
2.5:1
Fail
Cadbury background, border and text colors
The quiet part of the Cadbury palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Cadbury LilacBackground
- HEX
- RGB
- HSL
- Cadbury SurfaceSurface
- HEX
- RGB
- HSL
- Cadbury BorderBorder
- HEX
- RGB
- HSL
- Cadbury Text PurpleText
- HEX
- RGB
- HSL
- Cadbury Text LilacSecondary text
- HEX
- RGB
- HSL
- Cadbury MutedMuted text
- HEX
- RGB
- HSL
About Cadbury's colors
Cadbury's palette centers on a rich, regal purple, complemented by gold and soft neutrals for contrast and clarity. The scheme is designed to evoke luxury, trust, and indulgence.
Purple and gold create a premium, high-contrast pairing.
Neutrals provide balance and readability in digital and print.
Accent white ensures clarity and space in layouts.
Psychology
Purple is associated with luxury, quality, and creativity, reinforcing Cadbury's heritage as a premium chocolate brand. Gold accents add a sense of celebration and exclusivity.
Evolution
The Cadbury purple has remained virtually unchanged since its adoption in the early 20th century, becoming synonymous with the brand. The supporting palette has evolved to include more refined neutrals for modern digital applications.
Where Cadbury uses each color
- Primary
Cadbury Purple is used for main backgrounds, packaging, and key brand elements.
- Secondary
Cadbury Gold appears on logos, accents, and celebratory packaging details.
- Accent
Cadbury White is used for text, highlights, and to provide contrast on dark backgrounds.
- Backgrounds
Cadbury Lilac and Surface are used for web backgrounds and UI panels.
- Text
Text Purple and Text Lilac are used for headlines and body copy, with Muted for secondary information.
- Semantic
Green, Caramel, Red, and Blue are used for status indicators in digital interfaces and limited packaging elements.
Cadbury color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Cadbury brand color hex code is #4B2067, known as Cadbury Purple.
Cadbury Purple (#4B2067) is RGB(75, 32, 103) and CMYK(73, 94, 0, 38).
Cadbury uses soft lilac and muted purple-grays such as #F6F3F7 (Cadbury Lilac) and #BFA5C9 (Cadbury Border) for backgrounds and borders.
Use Cadbury Purple (#4B2067) for primary branding and backgrounds, with Gold (#FFD700) for accents and highlights. Neutrals and white provide clarity and balance in layouts.
The secondary color is Cadbury Gold, #FFD700, and the accent is Cadbury 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 Cadbury's colors consistently when it generates UI.
Make something in the spirit of Cadbury
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.