Beverages
Sunkist Color Codes
Sunkist Orange Soda works in orange with a blue wordmark, hex #FE7D1A for the orange and a blue near #0E2B89. The Sunkist color codes in Hex, RGB and CMYK can be found below. The Sunkist name belongs to a California citrus growers' cooperative, trademarked in 1908; the soda launched under licence in 1979. Its rival is Fanta.
Primary colors
What are Sunkist Primary Colors?
Sunkist's primary colors are orange #FE7D1A, light orange #FF9E0D, blue #0E2B89, green #018240, white #FFFFFF.
Sunkist publishes no open hex sheet; these are measured from the current mark.
Sunkist Orange
| Hex | #FE7D1A |
|---|---|
| RGB | 254, 125, 26 |
| HSL | hsl(26, 99%, 55%) |
| CMYK | 0%, 51%, 90%, 0%converted · approximate |
| Pantone | PMS 1505 Cnearest match · not published by the brand |
Sunkist Light Orange
| Hex | #FF9E0D |
|---|---|
| RGB | 255, 158, 13 |
| HSL | hsl(36, 100%, 53%) |
| CMYK | 0%, 38%, 95%, 0%converted · approximate |
| Pantone | PMS 1375 Cnearest match · not published by the brand |
Sunkist Blue
| Hex | #0E2B89 |
|---|---|
| RGB | 14, 43, 137 |
| HSL | hsl(226, 81%, 30%) |
| CMYK | 90%, 69%, 0%, 46%converted · approximate |
| Pantone | PMS 661 Cnearest match · not published by the brand |
Sunkist Green
| Hex | #018240 |
|---|---|
| RGB | 1, 130, 64 |
| HSL | hsl(149, 98%, 26%) |
| CMYK | 99%, 0%, 51%, 49%converted · approximate |
| Pantone | PMS 356 Cnearest match · not published by the brand |
Sunkist 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 |
Sunkist Hex Color Codes
Sunkist hex color codes are #FE7D1A for orange, #FF9E0D for light orange, #0E2B89 for blue, #018240 for green and #FFFFFF for white.
| Color | Hex |
|---|---|
| Orange | #FE7D1A |
| Light Orange | #FF9E0D |
| Blue | #0E2B89 |
| Green | #018240 |
| White | #FFFFFF |
Sunkist RGB Color Codes
Sunkist RGB color codes are 254, 125, 26 for orange, 255, 158, 13 for light orange, 14, 43, 137 for blue, 1, 130, 64 for green and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Orange | rgb(254, 125, 26) |
| Light Orange | rgb(255, 158, 13) |
| Blue | rgb(14, 43, 137) |
| Green | rgb(1, 130, 64) |
| White | rgb(255, 255, 255) |
Sunkist HSL Color Codes
Sunkist HSL color codes are 26, 99%, 55% for orange, 36, 100%, 53% for light orange, 226, 81%, 30% for blue, 149, 98%, 26% for green and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Orange | hsl(26, 99%, 55%) |
| Light Orange | hsl(36, 100%, 53%) |
| Blue | hsl(226, 81%, 30%) |
| Green | hsl(149, 98%, 26%) |
| White | hsl(0, 0%, 100%) |
Sunkist CMYK Color Code
Sunkist CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Orange | 0%, 51%, 90%, 0% |
| Light Orange | 0%, 38%, 95%, 0% |
| Blue | 90%, 69%, 0%, 46% |
| Green | 99%, 0%, 51%, 49% |
| White | 0%, 0%, 0%, 0% |
Sunkist Pantone Color Codes
Sunkist Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Orange | PMS 1505 C |
| Light Orange | PMS 1375 C |
| Blue | PMS 661 C |
| Green | PMS 356 C |
| White | PMS 656 C |
Logo
Sunkist Logo Colors
Sunkist logo colors are orange and blue, with a green leaf on the mark.
Sunkist Logo Colors Palette
What the Sunkist Logo Colors Mean?
The Sunkist logo colors are as literal as an orange gets. The fruit color fills the badge, blue makes the name legible on top of it, and a small green leaf finishes the picture. The look is meant to read as sunshine, which is roughly what the trademarked name, Sun-kissed, was built to say.
Sunkist Logo Color History
Sunkist logo color history holds orange and blue from the 1979 soda launch, with the sunburst behind the name growing and shrinking through redraws and the leaf added later.
Sunkist Logo Fonts
Sunkist logo fonts are a custom bold sans, not licensed. A heavy grotesque is the closest match.
Sunkist Logo JPG
Sunkist logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Sunkist Logo PNG
Sunkist logo in PNG, with a transparent background. Use it over a colored surface.
Sunkist Logo WebP
Sunkist logo in WebP. Same transparency as the PNG at about a third of the file size.
Sunkist Color Code Shades
Sunkist color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Sunkist paint or trim names.
In code
Using the Sunkist palette
CSS custom properties
:root {
--sunkist-orange: #FE7D1A;
--sunkist-light-orange: #FF9E0D;
--sunkist-blue: #0E2B89;
--sunkist-green: #018240;
--sunkist-white: #FFFFFF;
}Contrast against white
| Orange | 2.57:1AA × |
|---|---|
| Light Orange | 2.07:1AA × |
| Blue | 12.17:1AA ✓ |
| Green | 4.92: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.