Beverages
Snapple Color Codes
Snapple works in red and blue, hex #E10800 for the red and a blue near #10079E. The Snapple color codes in Hex, RGB and CMYK can be found below. Three childhood friends from Brooklyn started it in 1972 selling fruit juice, moved to bottled tea in 1987, and coined the name from snappy and apple. Its rival among bottled teas is Lipton.
Primary colors
What are Snapple Primary Colors?
Snapple's primary colors are red #E10800, blue #10079E.
Snapple publishes no open hex sheet; these are measured from the current label.
Snapple Red
| Hex | #E10800 |
|---|---|
| RGB | 225, 8, 0 |
| HSL | hsl(2, 100%, 44%) |
| CMYK | 0%, 96%, 100%, 12%converted · approximate |
| Pantone | PMS 485 Cnearest match · not published by the brand |
Snapple Blue
| Hex | #10079E |
|---|---|
| RGB | 16, 7, 158 |
| HSL | hsl(244, 92%, 32%) |
| CMYK | 90%, 96%, 0%, 38%converted · approximate |
| Pantone | PMS 2738 Cnearest match · not published by the brand |
Snapple Hex Color Codes
Snapple hex color codes are #E10800 for red and #10079E for blue.
| Color | Hex |
|---|---|
| Red | #E10800 |
| Blue | #10079E |
Snapple RGB Color Codes
Snapple RGB color codes are 225, 8, 0 for red and 16, 7, 158 for blue. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Red | rgb(225, 8, 0) |
| Blue | rgb(16, 7, 158) |
Snapple HSL Color Codes
Snapple HSL color codes are 2, 100%, 44% for red and 244, 92%, 32% for blue. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Red | hsl(2, 100%, 44%) |
| Blue | hsl(244, 92%, 32%) |
Snapple CMYK Color Code
Snapple CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Red | 0%, 96%, 100%, 12% |
| Blue | 90%, 96%, 0%, 38% |
Snapple Pantone Color Codes
Snapple Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Red | PMS 485 C |
| Blue | PMS 2738 C |
Logo
Snapple Logo Colors
Snapple logo colors are red and blue on white, in a bold rounded wordmark.
Snapple Logo Colors Palette
What the Snapple Logo Colors Mean?
The Snapple logo colors were picked to look homemade and cheerful rather than corporate. Bright red and blue on a white label, with plump rounded letters, matched the brand's folksy 'made from the best stuff on earth' voice and its early run of quirky spokesperson ads.
Snapple Logo Color History
Snapple logo color history keeps red and blue from the 1980s tea era, with the wordmark redrawn rounder and the label art changing per flavor.
Snapple Logo Fonts
Snapple logo fonts are a custom rounded sans, not for sale. A friendly bold rounded sans is the closest match.
Snapple Logo JPG
Snapple logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Snapple Logo PNG
Snapple logo in PNG, with a transparent background. Use it over a colored surface.
Snapple Logo WebP
Snapple logo in WebP. Same transparency as the PNG at about a third of the file size.
Snapple Color Code Shades
Snapple color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Snapple paint or trim names.
In code
Using the Snapple palette
CSS custom properties
:root {
--snapple-red: #E10800;
--snapple-blue: #10079E;
}Contrast against white
| Red | 4.96:1AA ✓ |
|---|---|
| Blue | 13.58: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.