Food & Restaurants
Heinz Color Codes
Heinz works in a red, hex #E40521, with a turquoise, #00A99D, on the keystone label. The Heinz color codes in Hex, RGB and CMYK can be found below. Henry J. Heinz started the company in 1869 in Sharpsburg, Pennsylvania, selling bottled horseradish before ketchup. Its partner since a 2015 merger is Kraft.
Primary colors
What are Heinz Primary Colors?
Heinz's primary colors are heinz red #E40521, keystone turquoise #00A99D.
Heinz publishes no open hex sheet; these are measured from the current label.
Heinz Heinz Red
| Hex | #E40521 |
|---|---|
| RGB | 228, 5, 33 |
| HSL | hsl(352, 96%, 46%) |
| CMYK | 0%, 98%, 86%, 11%converted · approximate |
| Pantone | PMS 185 Cnearest match · not published by the brand |
Heinz Keystone Turquoise
| Hex | #00A99D |
|---|---|
| RGB | 0, 169, 157 |
| HSL | hsl(176, 100%, 33%) |
| CMYK | 100%, 0%, 7%, 34%converted · approximate |
| Pantone | PMS 3272 Cnearest match · not published by the brand |
Heinz Hex Color Codes
Heinz hex color codes are #E40521 for heinz red and #00A99D for keystone turquoise.
| Color | Hex |
|---|---|
| Heinz Red | #E40521 |
| Keystone Turquoise | #00A99D |
Heinz RGB Color Codes
Heinz RGB color codes are 228, 5, 33 for heinz red and 0, 169, 157 for keystone turquoise. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Heinz Red | rgb(228, 5, 33) |
| Keystone Turquoise | rgb(0, 169, 157) |
Heinz HSL Color Codes
Heinz HSL color codes are 352, 96%, 46% for heinz red and 176, 100%, 33% for keystone turquoise. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Heinz Red | hsl(352, 96%, 46%) |
| Keystone Turquoise | hsl(176, 100%, 33%) |
Heinz CMYK Color Code
Heinz CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Heinz Red | 0%, 98%, 86%, 11% |
| Keystone Turquoise | 100%, 0%, 7%, 34% |
Heinz Pantone Color Codes
Heinz Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Heinz Red | PMS 185 C |
| Keystone Turquoise | PMS 3272 C |
Logo
Heinz Logo Colors
Heinz logo colors are red and turquoise, inside and around the keystone shape.
Heinz Logo Colors Palette
What the Heinz Logo Colors Mean?
The Heinz logo colors frame a state and a slogan. The keystone outline is the emblem of Pennsylvania, the Keystone State, where Heinz was founded, and it has carried the name since the late 1800s. The 57 in 57 Varieties was made up in 1896, chosen because Henry Heinz liked how the digits looked and because five and seven were lucky numbers for him and his wife.
Heinz Logo Color History
Heinz logo color history keeps red as the lead, with the keystone drawn in turquoise on the ketchup label for contrast. The shape has been simplified over the years without losing either color.
Heinz Logo Fonts
Heinz logo fonts are a custom sans for the wordmark, not licensed. A firm grotesque covers it.
Heinz Logo JPG
Heinz logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Heinz Logo PNG
Heinz logo in PNG, with a transparent background. Use it over a colored surface.
Heinz Logo WebP
Heinz logo in WebP. Same transparency as the PNG at about a third of the file size.
Heinz Color Code Shades
Heinz color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Heinz paint or trim names.
In code
Using the Heinz palette
CSS custom properties
:root {
--heinz-heinz-red: #E40521;
--heinz-keystone-turquoise: #00A99D;
}Contrast against white
| Heinz Red | 4.84:1AA ✓ |
|---|---|
| Keystone Turquoise | 2.93: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.