Beverages
Twinings Color Codes
Twinings works in black, hex #292526, with white and a gold crest. The Twinings color codes in Hex, RGB and CMYK can be found below. Thomas Twining opened Britain's first known tea shop at 216 Strand in London in 1706, and the wordmark under a lion crest dates from 1787, making it one of the oldest logos still in use. Its rival among tea brands is Lipton.
Primary colors
What are Twinings Primary Colors?
Twinings's primary colors are twinings black #292526, gold #A8842C, white #FFFFFF.
Twinings publishes no open hex sheet; these are measured from the current mark.
Twinings Twinings Black
| Hex | #292526 |
|---|---|
| RGB | 41, 37, 38 |
| HSL | hsl(345, 5%, 15%) |
| CMYK | 0%, 10%, 7%, 84%converted · approximate |
| Pantone | PMS 426 Cnearest match · not published by the brand |
Twinings Gold
| Hex | #A8842C |
|---|---|
| RGB | 168, 132, 44 |
| HSL | hsl(43, 58%, 42%) |
| CMYK | 0%, 21%, 74%, 34%converted · approximate |
| Pantone | PMS 1255 Cnearest match · not published by the brand |
Twinings 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 |
Twinings Hex Color Codes
Twinings hex color codes are #292526 for twinings black, #A8842C for gold and #FFFFFF for white.
| Color | Hex |
|---|---|
| Twinings Black | #292526 |
| Gold | #A8842C |
| White | #FFFFFF |
Twinings RGB Color Codes
Twinings RGB color codes are 41, 37, 38 for twinings black, 168, 132, 44 for gold and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Twinings Black | rgb(41, 37, 38) |
| Gold | rgb(168, 132, 44) |
| White | rgb(255, 255, 255) |
Twinings HSL Color Codes
Twinings HSL color codes are 345, 5%, 15% for twinings black, 43, 58%, 42% for gold and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Twinings Black | hsl(345, 5%, 15%) |
| Gold | hsl(43, 58%, 42%) |
| White | hsl(0, 0%, 100%) |
Twinings CMYK Color Code
Twinings CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Twinings Black | 0%, 10%, 7%, 84% |
| Gold | 0%, 21%, 74%, 34% |
| White | 0%, 0%, 0%, 0% |
Twinings Pantone Color Codes
Twinings Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Twinings Black | PMS 426 C |
| Gold | PMS 1255 C |
| White | PMS 656 C |
Logo
Twinings Logo Colors
Twinings logo colors are black and gold, capitals set beneath a lion.
Twinings Logo Colors Palette
What the Twinings Logo Colors Mean?
The Twinings logo colors trade entirely on age. Plain black capitals and a small gold lion crest have run more or less unchanged since 1787, and the company keeps them precisely because not changing is the point: the mark is proof the shop has been there for three centuries.
Twinings Logo Color History
Twinings logo color history is almost none. The 1787 wordmark and crest have been redrawn for print and screen but never restyled; recent packaging adds color per blend around the same black name.
Twinings Logo Fonts
Twinings logo fonts are a custom set of Roman capitals, not for sale. A classical inscriptional face such as Trajan is the closest match.
Twinings Logo JPG
Twinings logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Twinings Logo PNG
Twinings logo in PNG, with a transparent background. Use it over a colored surface.
Twinings Logo WebP
Twinings logo in WebP. Same transparency as the PNG at about a third of the file size.
Twinings Color Code Shades
Twinings color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Twinings paint or trim names.
In code
Using the Twinings palette
CSS custom properties
:root {
--twinings-twinings-black: #292526;
--twinings-gold: #A8842C;
--twinings-white: #FFFFFF;
}Contrast against white
| Twinings Black | 15.14:1AA ✓ |
|---|---|
| Gold | 3.50: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.