Ben & Jerry's color palette
Food & DrinkBen & Jerry's color identity is playful and vibrant, reflecting its fun, creative approach to ice cream. The palette features a signature sky blue, bold accents, and friendly neutrals inspired by its Vermont roots and whimsical branding.
benjerry.comBen & Jerry's colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Ben & Jerry's BluePrimary108, 212, 247
- Ben & Jerry's YellowSecondary255, 214, 0
- Ben & Jerry's OrangeAccent241, 90, 41
Surfaces
Page, cards and dividers.- Ben & Jerry's WhiteBackground255, 255, 255
- Ben & Jerry's CreamSurface245, 245, 242
- Ben & Jerry's BlackBorder35, 31, 32
Text
Three tiers of copy.- Ben & Jerry's BlackText35, 31, 32
- Ben & Jerry's GraySecondary text109, 110, 113
- Ben & Jerry's Light GrayMuted text183, 183, 183
Semantic
Feedback and state colors.- Ben & Jerry's GreenSuccess141, 198, 63
- Ben & Jerry's YellowWarning255, 214, 0
- Ben & Jerry's PinkError233, 78, 119
- Ben & Jerry's Info BlueInfo0, 173, 239
Use Ben & Jerry's's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
ben-and-jerrys-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #00ADEF;
--error: #E94E77;
--accent: #F15A29;
--border: #231F20;
--primary: #6CD4F7;
--success: #8DC63F;
--surface: #F5F5F2;
--warning: #FFD600;
--secondary: #FFD600;
--text-muted: #B7B7B7;
--background: #FFFFFF;
--text-primary: #231F20;
--text-secondary: #6D6E71;
}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.3: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
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.7:1
Pass
Muted text on background
Needs 3:1 for large text
2.0:1
Fail
Muted text on surface
Needs 3:1 for large text
1.8:1
Fail
Ben & Jerry's gray and neutral colors
The quiet part of the Ben & Jerry's palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Ben & Jerry's WhiteBackground
- HEX
- RGB
- HSL
- Ben & Jerry's CreamSurface
- HEX
- RGB
- HSL
- Ben & Jerry's BlackBorder
- HEX
- RGB
- HSL
- Ben & Jerry's BlackText
- HEX
- RGB
- HSL
- Ben & Jerry's GraySecondary text
- HEX
- RGB
- HSL
- Ben & Jerry's Light GrayMuted text
- HEX
- RGB
- HSL
About Ben & Jerry's's colors
Ben & Jerry's palette is built on a bright sky blue, complemented by cheerful yellow and orange, with bold black for contrast. The colors evoke a sense of fun, approachability, and natural freshness.
Primary blue contrasts with yellow for high visibility.
Accent orange adds warmth and energy.
Black and gray tones provide grounding and legibility.
Psychology
The sky blue suggests openness and trust, while yellow and orange convey happiness and playfulness. Black adds a handcrafted, bold touch that reinforces the brand's quirky personality.
Evolution
Ben & Jerry's palette has remained consistent, with the blue and black central to its identity since the early years. Minor adjustments have been made for digital clarity, but the core colors are stable.
Where Ben & Jerry's uses each color
- Primary
Used in website headers, backgrounds, and packaging elements.
- Secondary
Appears in call-to-action buttons, highlights, and flavor accents.
- Accent
Used for promotional graphics, icons, and flavor illustrations.
- Backgrounds
White and cream are used for page and container backgrounds.
- Text
Black and gray tones are used for all primary and secondary text.
- Semantic
Green signals success (e.g., form submission), yellow for warnings, pink for errors, and info blue for informational alerts.
Ben & Jerry's color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Ben & Jerry's brand color is Ben & Jerry's Blue, hex code #6CD4F7.
Ben & Jerry's Blue (#6CD4F7) is RGB(108, 212, 247); in CMYK it is approximately 56, 14, 0, 3.
Ben & Jerry's uses Ben & Jerry's Gray (#6D6E71) and Ben & Jerry's Light Gray (#B7B7B7) for secondary and muted text, as well as cream (#F5F5F2) for surfaces.
Use Ben & Jerry's Blue (#6CD4F7) for primary branding, yellow (#FFD600) and orange (#F15A29) for accents, and black (#231F20) for text and outlines. Maintain high contrast for accessibility and brand consistency.
The secondary color is Ben & Jerry's Yellow, #FFD600, and the accent is Ben & Jerry's Orange, #F15A29. 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 Ben & Jerry's's colors consistently when it generates UI.
Make something in the spirit of Ben & Jerry's
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.