Burger King color palette
Food & DrinkBurger King's color identity features bold, retro-inspired hues that evoke its flame-grilled heritage and playful brand personality. The palette centers on vibrant red, earthy browns, and warm yellows, reflecting the brand's food and experience.
burgerking.comBurger King colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- BK Flame RedPrimary214, 35, 0
- BK Mustard YellowSecondary255, 204, 0
- BK Lettuce GreenAccent0, 102, 51
Surfaces
Page, cards and dividers.- BK Bun BeigeBackground245, 235, 220
- BK Toasted WhiteSurface248, 245, 227
- BK Sesame GoldBorder187, 161, 106
Text
Three tiers of copy.- BK Whopper BrownText62, 37, 18
- BK Toasted BrownSecondary text124, 92, 55
- BK Muted GoldMuted text187, 161, 106
Semantic
Feedback and state colors.- BK Lettuce GreenSuccess0, 102, 51
- BK Mustard YellowWarning255, 204, 0
- BK Flame RedError214, 35, 0
- BK BBQ OrangeInfo231, 106, 26
Use Burger King's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
burger-king-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #E76A1A;
--error: #D62300;
--accent: #006633;
--border: #BBA16A;
--primary: #D62300;
--success: #006633;
--surface: #F8F5E3;
--warning: #FFCC00;
--secondary: #FFCC00;
--text-muted: #BBA16A;
--background: #F5EBDC;
--text-primary: #3E2512;
--text-secondary: #7C5C37;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
12.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
2.3:1
Fail
Burger King background, border and text colors
The quiet part of the Burger King palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- BK Bun BeigeBackground
- HEX
- RGB
- HSL
- BK Toasted WhiteSurface
- HEX
- RGB
- HSL
- BK Sesame GoldBorder
- HEX
- RGB
- HSL
- BK Whopper BrownText
- HEX
- RGB
- HSL
- BK Toasted BrownSecondary text
- HEX
- RGB
- HSL
- BK Muted GoldMuted text
- HEX
- RGB
- HSL
About Burger King's colors
Burger King's palette uses warm, food-inspired colors to evoke appetite and nostalgia. The colors are earthy and bold, supporting a playful yet classic brand image.
Primary red contrasts with yellow and green for visual impact.
Browns and beiges provide grounding neutrals.
Accent green adds freshness and balance.
Psychology
Red stimulates appetite and excitement, while yellow conveys warmth and friendliness. Earthy browns and beiges evoke comfort and authenticity.
Evolution
Burger King's color palette was refreshed in 2021, returning to a retro, food-inspired scheme reminiscent of its 1970s branding. The palette has shifted from glossy, digital blues to flat, warm tones.
Where Burger King uses each color
- Primary
BK Flame Red is used for call-to-action buttons, highlights, and key brand elements.
- Secondary
BK Mustard Yellow appears in backgrounds, packaging, and promotional graphics.
- Accent
BK Lettuce Green is used for accents, icons, and to highlight freshness in food imagery.
- Backgrounds
BK Bun Beige and BK Toasted White are used for website and app backgrounds.
- Text
BK Whopper Brown and BK Toasted Brown are used for primary and secondary text across digital and print.
- Semantic
BK Lettuce Green indicates success, BK Mustard Yellow for warnings, and BK Flame Red for errors or urgent actions.
Burger King color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Burger King primary color hex code is #D62300. This is known as BK Flame Red.
BK Flame Red (#D62300) is RGB(214, 35, 0) and CMYK(0, 84, 100, 16). Use these values for print and digital consistency.
Burger King uses BK Whopper Brown (#3E2512) and BK Toasted Brown (#7C5C37) for text and dark UI elements. BK Bun Beige (#F5EBDC) and BK Toasted White (#F8F5E3) serve as light neutrals.
Use BK Flame Red (#D62300) for primary actions and branding, with supporting colors for backgrounds, accents, and semantic states. Always apply the official hex codes for brand consistency.
The secondary color is BK Mustard Yellow, #FFCC00, and the accent is BK Lettuce Green, #006633. 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 Burger King's colors consistently when it generates UI.
Make something in the spirit of Burger King
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.