Beverages
Lucozade Color Codes
Lucozade's color is an orange, hex near #EF7D00, on the wordmark. The Lucozade color codes in Hex, RGB and CMYK can be found below. A Newcastle pharmacist made the first batch in 1927 as a glucose drink for the sick; it was repositioned as a sports and energy drink in the 1980s. Its rival is Gatorade.
Primary colors
What are Lucozade Primary Colors?
Lucozade's primary colors are lucozade orange #EF7D00, white #FFFFFF.
Lucozade publishes no open hex sheet; the orange is measured from the current mark.
Lucozade Lucozade Orange
| Hex | #EF7D00 |
|---|---|
| RGB | 239, 125, 0 |
| HSL | hsl(31, 100%, 47%) |
| CMYK | 0%, 48%, 100%, 6%converted · approximate |
| Pantone | PMS 1505 Cnearest match · not published by the brand |
Lucozade 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 |
Lucozade Hex Color Codes
Lucozade hex color codes are #EF7D00 for lucozade orange and #FFFFFF for white.
| Color | Hex |
|---|---|
| Lucozade Orange | #EF7D00 |
| White | #FFFFFF |
Lucozade RGB Color Codes
Lucozade RGB color codes are 239, 125, 0 for lucozade orange and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Lucozade Orange | rgb(239, 125, 0) |
| White | rgb(255, 255, 255) |
Lucozade HSL Color Codes
Lucozade HSL color codes are 31, 100%, 47% for lucozade orange and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Lucozade Orange | hsl(31, 100%, 47%) |
| White | hsl(0, 0%, 100%) |
Lucozade CMYK Color Code
Lucozade CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Lucozade Orange | 0%, 48%, 100%, 6% |
| White | 0%, 0%, 0%, 0% |
Lucozade Pantone Color Codes
Lucozade Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Lucozade Orange | PMS 1505 C |
| White | PMS 656 C |
Logo
Lucozade Logo Colors
Lucozade logo colors are orange and white, the name in orange.
Lucozade Logo Colors Palette
What the Lucozade Logo Colors Mean?
The Lucozade logo colors switched jobs when the drink did. For decades the orange cellophane-wrapped bottle sat by hospital beds; the 1980s relaunch as a sports drink kept the orange but pointed it at gyms and pitches instead, using it as a bright, high-energy signal rather than a sickroom one.
Lucozade Logo Color History
Lucozade logo color history keeps orange as the through-line from the 1920s, with the wordmark redrawn from a formal serif to the bold sans used now.
Lucozade Logo Fonts
Lucozade logo fonts are a custom bold sans, not for sale. A heavy grotesque covers it.
Lucozade Logo JPG
Lucozade logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Lucozade Logo PNG
Lucozade logo in PNG, with a transparent background. Use it over a colored surface.
Lucozade Logo WebP
Lucozade logo in WebP. Same transparency as the PNG at about a third of the file size.
Lucozade Color Code Shades
Lucozade color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Lucozade paint or trim names.
In code
Using the Lucozade palette
CSS custom properties
:root {
--lucozade-lucozade-orange: #EF7D00;
--lucozade-white: #FFFFFF;
}Contrast against white
| Lucozade Orange | 2.76: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.