Beverages
Coca-Cola Zero Color Codes
Coca-Cola Zero Sugar sets the Coca-Cola script in black, hex #000000, on the brand red #DA1E2C, with ZERO SUGAR underneath. The Coca-Cola Zero color codes in Hex, RGB and CMYK can be found below. The drink launched in 2005 as Coca-Cola Zero and was renamed Zero Sugar in 2017. Its sibling and reference point is Coca-Cola.
Primary colors
What are Coca-Cola Zero Primary Colors?
Coca-Cola Zero's primary colors are black #000000, coca-cola red #DA1E2C.
The values are measured from the current pack; Coca-Cola Red is a published brand color.
Coca-Cola Zero Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Coca-Cola Zero Coca-Cola Red
| Hex | #DA1E2C |
|---|---|
| RGB | 218, 30, 44 |
| HSL | hsl(356, 76%, 49%) |
| CMYK | 0%, 86%, 80%, 15%converted · approximate |
| Pantone | PMS 186 Cnearest match · not published by the brand |
Coca-Cola Zero Hex Color Codes
Coca-Cola Zero hex color codes are #000000 for black and #DA1E2C for coca-cola red.
| Color | Hex |
|---|---|
| Black | #000000 |
| Coca-Cola Red | #DA1E2C |
Coca-Cola Zero RGB Color Codes
Coca-Cola Zero RGB color codes are 0, 0, 0 for black and 218, 30, 44 for coca-cola red. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Black | rgb(0, 0, 0) |
| Coca-Cola Red | rgb(218, 30, 44) |
Coca-Cola Zero HSL Color Codes
Coca-Cola Zero HSL color codes are 0, 0%, 0% for black and 356, 76%, 49% for coca-cola red. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Black | hsl(0, 0%, 0%) |
| Coca-Cola Red | hsl(356, 76%, 49%) |
Coca-Cola Zero CMYK Color Code
Coca-Cola Zero CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Black | 0%, 0%, 0%, 100% |
| Coca-Cola Red | 0%, 86%, 80%, 15% |
Coca-Cola Zero Pantone Color Codes
Coca-Cola Zero Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Black | PMS 419 C |
| Coca-Cola Red | PMS 186 C |
Logo
Coca-Cola Zero Logo Colors
Coca-Cola Zero logo colors are black and red: a black script on a red field.
Coca-Cola Zero Logo Colors Palette
What the Coca-Cola Zero Logo Colors Mean?
The Coca-Cola Zero logo colors were chosen to say new-but-familiar. The early 2005 identity leaned on black and silver to read as a men's product; a 2021 redesign pulled it back toward the master brand, keeping the black script but dropping it onto the same Coca-Cola red so the two sit together on a shelf.
Coca-Cola Zero Logo Color History
Coca-Cola Zero logo color history has two chapters: a black-and-silver look from 2005, then the black-script-on-red used since the 2021 One Brand work brought all the Coca-Cola variants under one design.
Coca-Cola Zero Logo Fonts
Coca-Cola Zero logo fonts are the Coca-Cola Spencerian script plus a plain bold sans for ZERO SUGAR, neither for sale.
Coca-Cola Zero Logo JPG
Coca-Cola Zero logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Coca-Cola Zero Logo PNG
Coca-Cola Zero logo in PNG, with a transparent background. Use it over a colored surface.
Coca-Cola Zero Logo WebP
Coca-Cola Zero logo in WebP. Same transparency as the PNG at about a third of the file size.
Coca-Cola Zero Color Code Shades
Coca-Cola Zero color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Coca-Cola Zero paint or trim names.
In code
Using the Coca-Cola Zero palette
CSS custom properties
:root {
--coca-cola-zero-black: #000000;
--coca-cola-zero-coca-cola-red: #DA1E2C;
}
Contrast against white
| Black | 21.00:1AA ✓ |
|---|---|
| Coca-Cola Red | 5.00:1AA ✓ |
Brand colors are chosen for recognition, not for legibility. A failing value here is normal. It means use it as a fill, not as text.