Beverages

Lipton Color Codes

Lipton works in a yellow, hex near #FFD200, with a red badge and black. The Lipton color codes in Hex, RGB and CMYK can be found below. Thomas Lipton, a Glasgow grocer, bought tea estates in Ceylon in 1890 to sell tea straight to shoppers. Its rival among tea brands is Twinings.

The Lipton logo, shown for identification. Lipton is a trademark of its owner and this site is not affiliated with it.

Primary colors

What are Lipton Primary Colors?

Lipton's primary colors are lipton yellow #FFD200, lipton red #B20029, white #FFFFFF.

Lipton publishes no open hex sheet; these are measured from the current pack.

Lipton Lipton Yellow

Hex	#FFD200
RGB	255, 210, 0
HSL	hsl(49, 100%, 50%)
CMYK	0%, 18%, 100%, 0%converted · approximate
Pantone	PMS 116 Cnearest match · not published by the brand

Lipton Lipton Red

Hex	#B20029
RGB	178, 0, 41
HSL	hsl(346, 100%, 35%)
CMYK	0%, 100%, 77%, 30%converted · approximate
Pantone	PMS 187 Cnearest match · not published by the brand

Lipton 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

Lipton Hex Color Codes

Lipton hex color codes are #FFD200 for lipton yellow, #B20029 for lipton red and #FFFFFF for white.

Color	Hex
Lipton Yellow	#FFD200
Lipton Red	#B20029
White	#FFFFFF

Lipton RGB Color Codes

Lipton RGB color codes are 255, 210, 0 for lipton yellow, 178, 0, 41 for lipton red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.

Color	RGB
Lipton Yellow	rgb(255, 210, 0)
Lipton Red	rgb(178, 0, 41)
White	rgb(255, 255, 255)

Lipton HSL Color Codes

Lipton HSL color codes are 49, 100%, 50% for lipton yellow, 346, 100%, 35% for lipton red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.

Color	HSL
Lipton Yellow	hsl(49, 100%, 50%)
Lipton Red	hsl(346, 100%, 35%)
White	hsl(0, 0%, 100%)

Lipton CMYK Color Code

Lipton CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.

Color	CMYK
Lipton Yellow	0%, 18%, 100%, 0%
Lipton Red	0%, 100%, 77%, 30%
White	0%, 0%, 0%, 0%

Lipton Pantone Color Codes

Lipton Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.

Color	Nearest Pantone
Lipton Yellow	PMS 116 C
Lipton Red	PMS 187 C
White	PMS 656 C

Logo

Lipton Logo Colors

Lipton logo colors are yellow and red, the name in a red badge on yellow.

Lipton Logo Colors Palette

What the Lipton Logo Colors Mean?

The Lipton logo colors are meant to read as sunshine and a fresh brew. Yellow fills the pack, a color the brand ties to the sun over its estates, and the red shield holds the name. Early packs showed tea clippers and Thomas Lipton's own face, dropped in the 1970s for the plainer badge.

Lipton Logo Color History

Lipton logo color history keeps yellow and red from the mid-20th century, with the founder's portrait and the sailing ships removed over time and the badge simplified again in a 2024 refresh.

Lipton Logo Fonts

Lipton logo fonts are a custom bold sans, not for sale. A heavy grotesque covers it.

Lipton Logo JPG

Lipton logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.

Download JPG Trademark of its owner, shown for identification.

Lipton Logo PNG

Lipton logo in PNG, with a transparent background. Use it over a colored surface.

Download PNG Trademark of its owner, shown for identification.

Lipton Logo WebP

Lipton logo in WebP. Same transparency as the PNG at about a third of the file size.

Download WEBP Trademark of its owner, shown for identification.

Lipton Color Code Shades

Lipton color code shades step evenly from the primary toward black, for hover states, borders and shadows.

These are interface steps, not Lipton paint or trim names.

In code

Using the Lipton palette

CSS custom properties

:root {
  --lipton-lipton-yellow: #FFD200;
  --lipton-lipton-red: #B20029;
  --lipton-white: #FFFFFF;
}

Contrast against white

Lipton Yellow	1.45:1AA ×
Lipton Red	7.18: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.