Beverages
Costa Coffee Color Codes
Costa Coffee works in a deep maroon, hex #730723, with a cream accent. The Costa Coffee color codes in Hex, RGB and CMYK can be found below. Italian brothers Sergio and Bruno Costa started roasting coffee in south London in 1971; Coca-Cola bought the chain in 2019. Its rival among coffee chains is Starbucks.
Primary colors
What are Costa Coffee Primary Colors?
Costa Coffee's primary colors are costa maroon #730723, cream #EDE3D3.
Costa Coffee publishes no open hex sheet; these are measured from the current mark.
Costa Coffee Costa Maroon
| Hex | #730723 |
|---|---|
| RGB | 115, 7, 35 |
| HSL | hsl(344, 89%, 24%) |
| CMYK | 0%, 94%, 70%, 55%converted · approximate |
| Pantone | PMS 188 Cnearest match · not published by the brand |
Costa Coffee Cream
| Hex | #EDE3D3 |
|---|---|
| RGB | 237, 227, 211 |
| HSL | hsl(37, 42%, 88%) |
| CMYK | 0%, 4%, 11%, 7%converted · approximate |
| Pantone | PMS 427 Cnearest match · not published by the brand |
Costa Coffee Hex Color Codes
Costa Coffee hex color codes are #730723 for costa maroon and #EDE3D3 for cream.
| Color | Hex |
|---|---|
| Costa Maroon | #730723 |
| Cream | #EDE3D3 |
Costa Coffee RGB Color Codes
Costa Coffee RGB color codes are 115, 7, 35 for costa maroon and 237, 227, 211 for cream. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Costa Maroon | rgb(115, 7, 35) |
| Cream | rgb(237, 227, 211) |
Costa Coffee HSL Color Codes
Costa Coffee HSL color codes are 344, 89%, 24% for costa maroon and 37, 42%, 88% for cream. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Costa Maroon | hsl(344, 89%, 24%) |
| Cream | hsl(37, 42%, 88%) |
Costa Coffee CMYK Color Code
Costa Coffee CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Costa Maroon | 0%, 94%, 70%, 55% |
| Cream | 0%, 4%, 11%, 7% |
Costa Coffee Pantone Color Codes
Costa Coffee Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Costa Maroon | PMS 188 C |
| Cream | PMS 427 C |
Logo
Costa Coffee Logo Colors
Costa Coffee logo colors are maroon and cream, with the coffee-bean mark in maroon.
Costa Coffee Logo Colors Palette
What the Costa Coffee Logo Colors Mean?
The Costa Coffee logo colors lean on a rich burgundy to read as roasted and a little upmarket, away from the greens and browns most coffee brands use. A pair of stylised coffee beans sits beside or behind the name, and cream is the calm background color on cups and signage.
Costa Coffee Logo Color History
Costa Coffee logo color history keeps the maroon from the roastery years, with the bean device redrawn and the wordmark modernised as the chain grew across the UK and abroad.
Costa Coffee Logo Fonts
Costa Coffee logo fonts are a custom serif for the wordmark, not for sale. A firm slab or a classical serif is the closest match.
Costa Coffee Logo JPG
Costa Coffee logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Costa Coffee Logo PNG
Costa Coffee logo in PNG, with a transparent background. Use it over a colored surface.
Costa Coffee Logo WebP
Costa Coffee logo in WebP. Same transparency as the PNG at about a third of the file size.
Costa Coffee Color Code Shades
Costa Coffee color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Costa Coffee paint or trim names.
In code
Using the Costa Coffee palette
CSS custom properties
:root {
--costa-coffee-costa-maroon: #730723;
--costa-coffee-cream: #EDE3D3;
}Contrast against white
| Costa Maroon | 11.77:1AA ✓ |
|---|---|
| Cream | 1.27: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.