Krispy Kreme color palette
Food & DrinkKrispy Kreme's brand identity centers on its iconic deep green and bright red, evoking freshness and indulgence. The palette features classic neutrals and accent colors drawn from its heritage packaging and retail environments.
krispykreme.comKrispy Kreme colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Krispy Kreme GreenPrimary1, 113, 67
- Krispy Kreme RedSecondary215, 38, 49
- Krispy Kreme CreamAccent246, 233, 199
Surfaces
Page, cards and dividers.- Krispy Kreme WhiteBackground255, 255, 255
- Krispy Kreme Light GraySurface246, 246, 246
- Krispy Kreme Border GrayBorder227, 227, 227
Text
Three tiers of copy.- Krispy Kreme CharcoalText34, 34, 34
- Krispy Kreme Medium GraySecondary text77, 77, 77
- Krispy Kreme Muted GrayMuted text140, 140, 140
Semantic
Feedback and state colors.- Krispy Kreme Success GreenSuccess60, 184, 120
- Krispy Kreme Warning YellowWarning255, 194, 14
- Krispy Kreme Error RedError215, 38, 49
- Krispy Kreme Info GreenInfo1, 113, 67
Use Krispy Kreme's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
krispy-kreme-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #017143;
--error: #D72631;
--accent: #F6E9C7;
--border: #E3E3E3;
--primary: #017143;
--success: #3CB878;
--surface: #F6F6F6;
--warning: #FFC20E;
--secondary: #D72631;
--text-muted: #8C8C8C;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #4D4D4D;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.7:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.8:1
Pass
Muted text on background
Needs 3:1 for large text
3.4:1
Pass
Muted text on surface
Needs 3:1 for large text
3.1:1
Pass
Krispy Kreme gray and neutral colors
The quiet part of the Krispy Kreme palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Krispy Kreme WhiteBackground
- HEX
- RGB
- HSL
- Krispy Kreme Light GraySurface
- HEX
- RGB
- HSL
- Krispy Kreme Border GrayBorder
- HEX
- RGB
- HSL
- Krispy Kreme CharcoalText
- HEX
- RGB
- HSL
- Krispy Kreme Medium GraySecondary text
- HEX
- RGB
- HSL
- Krispy Kreme Muted GrayMuted text
- HEX
- RGB
- HSL
About Krispy Kreme's colors
Krispy Kreme's palette is built around a rich green and vibrant red, accented by cream and classic neutrals. The colors are rooted in the brand's heritage and evoke freshness, warmth, and nostalgia.
Primary green and red are complementary and create strong visual contrast.
Cream and white provide balance and highlight product imagery.
Grays and charcoals are used for clarity and readability in digital interfaces.
Psychology
The green suggests freshness and tradition, while the red evokes appetite and excitement. Cream and white add a sense of approachability and comfort.
Evolution
Krispy Kreme's core green and red have remained consistent since the brand's founding, reinforcing brand recognition. Minor adjustments to neutrals and accent tones have modernized the palette for digital use.
Where Krispy Kreme uses each color
- Primary
Used for the logo, navigation bar, and key call-to-action buttons.
- Secondary
Appears in logo details, promotional banners, and highlights.
- Accent
Used as a background for packaging, website sections, and product highlights.
- Backgrounds
White and light gray are used for page backgrounds and content areas.
- Text
Charcoal and medium gray are used for primary and secondary text throughout the site.
- Semantic
Success green, warning yellow, and error red are used for notifications and status indicators.
Krispy Kreme color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Krispy Kreme green is #017143, which is used as the primary brand color across all platforms.
Krispy Kreme Green (#017143) is RGB(1, 113, 67) and CMYK(99, 0, 41, 56).
Krispy Kreme uses #F6F6F6 for light gray surfaces, #E3E3E3 for borders, and #222222 for primary text, providing a clean and readable interface.
The primary green (#017143) and red (#D72631) should dominate branding and key actions, while neutrals and accent cream (#F6E9C7) support readability and hierarchy.
The secondary color is Krispy Kreme Red, #D72631, and the accent is Krispy Kreme Cream, #F6E9C7. Together with the primary they make up the three brand colors at the top of this page.
6 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 Krispy Kreme's colors consistently when it generates UI.
Make something in the spirit of Krispy Kreme
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.