Coca-Cola color palette
ConsumerCoca-Cola's iconic red is one of the world's most recognized brand colors, evoking happiness, nostalgia, and refreshment across more than a century of consistent branding.
coca-cola.comCoca-Cola colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Coca-Cola RedPrimary244, 0, 9
- Coca-Cola WhiteSecondary255, 255, 255
- Coca-Cola BlackAccent0, 0, 0
Surfaces
Page, cards and dividers.- Coke WhiteBackground255, 255, 255
- Coke SurfaceSurface245, 245, 245
- Coke BorderBorder224, 224, 224
Text
Three tiers of copy.- Coke TextText26, 26, 26
- Coke SecondarySecondary text102, 102, 102
- Coke MutedMuted text153, 153, 153
Semantic
Feedback and state colors.- Coke GreenSuccess0, 149, 64
- Coke OrangeWarning255, 130, 0
- Coke ErrorError244, 0, 9
- Coke BlueInfo0, 94, 184
Use Coca-Cola's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
coca-cola-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #005EB8;
--error: #F40009;
--accent: #000000;
--border: #E0E0E0;
--primary: #F40009;
--success: #009540;
--surface: #F5F5F5;
--warning: #FF8200;
--secondary: #FFFFFF;
--text-muted: #999999;
--background: #FFFFFF;
--text-primary: #1A1A1A;
--text-secondary: #666666;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
17.4:1
Pass
Text on surface
Needs 4.5:1 for body text
16.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.7:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3: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.6:1
Fail
Coca-Cola gray and neutral colors
The quiet part of the Coca-Cola palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Coke WhiteBackground
- HEX
- RGB
- HSL
- Coke SurfaceSurface
- HEX
- RGB
- HSL
- Coke BorderBorder
- HEX
- RGB
- HSL
- Coke TextText
- HEX
- RGB
- HSL
- Coke SecondarySecondary text
- HEX
- RGB
- HSL
- Coke MutedMuted text
- HEX
- RGB
- HSL
About Coca-Cola's colors
Coca-Cola's palette is one of the simplest and most effective in branding history: red and white. This two-color system has remained virtually unchanged for over a century, proving that consistency creates recognition.
Red and white form the entire brand — maximum simplicity, maximum recognition
Black provides occasional contrast for Coke Zero and premium sub-brand positioning
Product variants use color coding: green (Life), gold (Vanilla), silver (Diet/Light)
Psychology
Red stimulates appetite, evokes excitement, and creates urgency — ideal for a beverage brand. White adds clarity and cleanliness. Together they produce an energetic yet approachable feeling associated with happiness and sharing.
Evolution
Coca-Cola's red has been the brand anchor since the early 1900s. The specific shade has been subtly refined, but the red-and-white combination with Spencerian script has been remarkably consistent across 130+ years.
Where Coca-Cola uses each color
- Primary
Coca-Cola Red (#F40009) is the hero color — used in the logo, packaging, marketing backgrounds, and brand storytelling.
- Secondary
White provides the contrast for the iconic Spencerian script logo and clean sections in digital properties.
- Accent
Black appears in premium and Zero Sugar sub-branding, providing a sophisticated counterpoint to the energetic red.
- Backgrounds
Red-dominant backgrounds dominate campaigns, while white backgrounds serve product and nutritional content.
- Text
Dark text on white sections, white text on red backgrounds — always maintaining high contrast.
- Semantic
Distinct semantic colors avoid confusion with the dominant red brand color, using specific greens, oranges, and blues.
Coca-Cola color questions
Hex codes, RGB values, neutrals and how to use the palette.
Coca-Cola Red is #F40009. This specific shade has been the brand's signature color for over a century. Some sources list slightly different values, but #F40009 is used in Coca-Cola's digital brand assets.
The red originated from the barrels that Coca-Cola syrup was shipped in, painted red to distinguish them from alcohol during transit. Over 130 years, this red has become one of the most recognized colors in the world.
Coca-Cola uses color coding across its product range: classic red for Original, black for Zero Sugar, silver for Diet/Light, green for Life, and gold for Vanilla. Each maintains the iconic Spencerian script logo.
The secondary color is Coca-Cola White, #FFFFFF, and the accent is Coca-Cola Black, #000000. Together with the primary they make up the three brand colors at the top of this page.
Coca-Cola uses #FFFFFF for backgrounds, #F5F5F5 for surfaces and #E0E0E0 for borders. Text runs #1A1A1A, #666666 and #999999 from strongest to most muted.
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 Coca-Cola's colors consistently when it generates UI.
Make something in the spirit of Coca-Cola
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.