Beverages
Fanta Color Codes
Fanta's mark is an orange circle carrying a blue script and a green leaf, hex #F5820A for the orange with a blue near #1B458F. The Fanta color codes in Hex, RGB and CMYK can be found below. Coca-Cola's German operation created Fanta in 1940, when wartime embargoes cut off cola syrup, and named it from the German for imagination. Its sibling on the shelf is Coca-Cola.
Primary colors
What are Fanta Primary Colors?
Fanta's primary colors are fanta orange #F5820A, fanta blue #1B458F, leaf green #009A44, white #FFFFFF.
Fanta publishes no open hex sheet; these are measured from the current mark.
Fanta Fanta Orange
| Hex | #F5820A |
|---|---|
| RGB | 245, 130, 10 |
| HSL | hsl(31, 92%, 50%) |
| CMYK | 0%, 47%, 96%, 4%converted · approximate |
| Pantone | PMS 716 Cnearest match · not published by the brand |
Fanta Fanta Blue
| Hex | #1B458F |
|---|---|
| RGB | 27, 69, 143 |
| HSL | hsl(218, 68%, 33%) |
| CMYK | 81%, 52%, 0%, 44%converted · approximate |
| Pantone | PMS 294 Cnearest match · not published by the brand |
Fanta Leaf Green
| Hex | #009A44 |
|---|---|
| RGB | 0, 154, 68 |
| HSL | hsl(146, 100%, 30%) |
| CMYK | 100%, 0%, 56%, 40%converted · approximate |
| Pantone | PMS 355 Cnearest match · not published by the brand |
Fanta White
| Hex | #FFFFFF |
|---|---|
| RGB | 255, 255, 255 |
| HSL | hsl(0, 0%, 100%) |
| CMYK | 0%, 0%, 0%, 0%converted · approximate |
| Pantone | PMS 656 Cnearest match · not published by the brand |
Fanta Hex Color Codes
Fanta hex color codes are #F5820A for fanta orange, #1B458F for fanta blue, #009A44 for leaf green and #FFFFFF for white.
| Color | Hex |
|---|---|
| Fanta Orange | #F5820A |
| Fanta Blue | #1B458F |
| Leaf Green | #009A44 |
| White | #FFFFFF |
Fanta RGB Color Codes
Fanta RGB color codes are 245, 130, 10 for fanta orange, 27, 69, 143 for fanta blue, 0, 154, 68 for leaf green and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Fanta Orange | rgb(245, 130, 10) |
| Fanta Blue | rgb(27, 69, 143) |
| Leaf Green | rgb(0, 154, 68) |
| White | rgb(255, 255, 255) |
Fanta HSL Color Codes
Fanta HSL color codes are 31, 92%, 50% for fanta orange, 218, 68%, 33% for fanta blue, 146, 100%, 30% for leaf green and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Fanta Orange | hsl(31, 92%, 50%) |
| Fanta Blue | hsl(218, 68%, 33%) |
| Leaf Green | hsl(146, 100%, 30%) |
| White | hsl(0, 0%, 100%) |
Fanta CMYK Color Code
Fanta CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Fanta Orange | 0%, 47%, 96%, 4% |
| Fanta Blue | 81%, 52%, 0%, 44% |
| Leaf Green | 100%, 0%, 56%, 40% |
| White | 0%, 0%, 0%, 0% |
Fanta Pantone Color Codes
Fanta Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Fanta Orange | PMS 716 C |
| Fanta Blue | PMS 294 C |
| Leaf Green | PMS 355 C |
| White | PMS 656 C |
Logo
Fanta Logo Colors
Fanta logo colors are orange, blue and green, on the circular badge.
Fanta Logo Colors Palette
What the Fanta Logo Colors Mean?
The Fanta logo colors point at the fruit. Orange is the flavor most people picture, blue makes the hand-drawn script pop against it, and the single green leaf reads as fresh. The bouncy lettering and the circle came in with a 2016 rebrand that leaned into a playful, teen-facing look.
Fanta Logo Color History
Fanta logo color history moved from a plain post-war wordmark, through a blue-and-orange 3D era, to the flat orange circle of 2016 and a slightly cleaner 2023 redraw. Orange has been the constant.
Fanta Logo Fonts
Fanta logo fonts are a custom hand-drawn script, not released. A bouncy brush script is the nearest match.
Fanta Logo JPG
Fanta logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Fanta Logo PNG
Fanta logo in PNG, with a transparent background. Use it over a colored surface.
Fanta Logo WebP
Fanta logo in WebP. Same transparency as the PNG at about a third of the file size.
Fanta Color Code Shades
Fanta color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Fanta paint or trim names.
In code
Using the Fanta palette
CSS custom properties
:root {
--fanta-fanta-orange: #F5820A;
--fanta-fanta-blue: #1B458F;
--fanta-leaf-green: #009A44;
--fanta-white: #FFFFFF;
}Contrast against white
| Fanta Orange | 2.60:1AA × |
|---|---|
| Fanta Blue | 9.15:1AA ✓ |
| Leaf Green | 3.68:1AA × |
| White | 1.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.