Snickers color palette
Food & DrinkSnickers uses a distinctive deep brown as its primary brand color, complemented by white, red, blue, and gold accents that reflect its iconic packaging. The palette is bold and appetizing, reinforcing its identity as a classic chocolate bar.
snickers.comSnickers colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Snickers BrownPrimary82, 45, 11
- Snickers WhiteSecondary255, 255, 255
- Snickers RedAccent228, 26, 28
Surfaces
Page, cards and dividers.- Snickers CreamBackground247, 246, 243
- Snickers Dark BrownSurface42, 26, 10
- Snickers GoldBorder196, 185, 152
Text
Three tiers of copy.- Snickers BlackText26, 26, 26
- Snickers BrownSecondary text82, 45, 11
- Snickers TaupeMuted text168, 159, 145
Semantic
Feedback and state colors.- Snickers GreenSuccess106, 163, 66
- Snickers YellowWarning255, 181, 0
- Snickers RedError228, 26, 28
- Snickers BlueInfo0, 82, 155
Use Snickers's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
snickers-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00529B;
--error: #E41A1C;
--accent: #E41A1C;
--border: #C4B998;
--primary: #522D0B;
--success: #6AA342;
--surface: #2A1A0A;
--warning: #FFB500;
--secondary: #FFFFFF;
--text-muted: #A89F91;
--background: #F7F6F3;
--text-primary: #1A1A1A;
--text-secondary: #522D0B;
}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
1.0:1
Fail
Secondary text on background
Needs 4.5:1 for body text
11.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
1.4:1
Fail
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
6.4:1
Pass
Snickers background, border and text colors
The quiet part of the Snickers palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Snickers CreamBackground
- HEX
- RGB
- HSL
- Snickers Dark BrownSurface
- HEX
- RGB
- HSL
- Snickers GoldBorder
- HEX
- RGB
- HSL
- Snickers BlackText
- HEX
- RGB
- HSL
- Snickers BrownSecondary text
- HEX
- RGB
- HSL
- Snickers TaupeMuted text
- HEX
- RGB
- HSL
About Snickers's colors
The Snickers palette is rooted in appetizing, rich browns and accented by bold red, blue, and gold, echoing its packaging. The colors create a sense of indulgence and energy.
Primary brown contrasts with white and gold for clarity.
Red and blue accents add vibrancy and brand recognition.
Neutral tones balance the palette for readability.
Psychology
Deep brown evokes chocolate and comfort, while red signals energy and appetite. Blue and gold add trust and a premium feel.
Evolution
The Snickers palette has remained largely consistent, reinforcing its classic brand identity. Minor adjustments have been made to gold and blue accents for modern packaging.
Where Snickers uses each color
- Primary
Used for the main background of the Snickers logo and packaging.
- Secondary
Applied to text and logo outlines for contrast.
- Accent
Used in the logo border and call-to-action buttons on the website.
- Backgrounds
Cream is used for website backgrounds and product displays.
- Text
Primary text is black for readability, with brown for headings and secondary info.
- Semantic
Red is used for error states, green for success messages, and yellow for warnings in digital UI.
Snickers color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Snickers brand color is Snickers Brown, hex #522D0B.
Snickers Brown (#522D0B) in RGB is (82, 45, 11); in CMYK it is approximately (0, 45, 87, 68).
Snickers uses Snickers Dark Brown (#2A1A0A) and Snickers Taupe (#A89F91) for neutral and dark UI elements.
Use Snickers Brown (#522D0B) as the dominant color, with white and gold for contrast, and red and blue for accents and calls to action.
The secondary color is Snickers White, #FFFFFF, and the accent is Snickers Red, #E41A1C. 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 Snickers's colors consistently when it generates UI.
Make something in the spirit of Snickers
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.