Food & Restaurants
Kraft Color Codes
Kraft works in a red, hex #E32726, often set in a hexagon, with a navy blue, #1D3C6D, on the macaroni boxes. The Kraft color codes in Hex, RGB and CMYK can be found below. James L. Kraft started selling cheese from a horse-drawn wagon in Chicago in 1903. Its partner since a 2015 merger is Heinz.
Primary colors
What are Kraft Primary Colors?
Kraft's primary colors are kraft red #E32726, navy #1D3C6D.
Kraft publishes no open hex sheet; these are measured from the current marks.
Kraft Kraft Red
| Hex | #E32726 |
|---|---|
| RGB | 227, 39, 38 |
| HSL | hsl(0, 77%, 52%) |
| CMYK | 0%, 83%, 83%, 11%converted · approximate |
| Pantone | PMS 1788 Cnearest match · not published by the brand |
Kraft Navy
| Hex | #1D3C6D |
|---|---|
| RGB | 29, 60, 109 |
| HSL | hsl(217, 58%, 27%) |
| CMYK | 73%, 45%, 0%, 57%converted · approximate |
| Pantone | PMS 295 Cnearest match · not published by the brand |
Kraft Hex Color Codes
Kraft hex color codes are #E32726 for kraft red and #1D3C6D for navy.
| Color | Hex |
|---|---|
| Kraft Red | #E32726 |
| Navy | #1D3C6D |
Kraft RGB Color Codes
Kraft RGB color codes are 227, 39, 38 for kraft red and 29, 60, 109 for navy. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Kraft Red | rgb(227, 39, 38) |
| Navy | rgb(29, 60, 109) |
Kraft HSL Color Codes
Kraft HSL color codes are 0, 77%, 52% for kraft red and 217, 58%, 27% for navy. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Kraft Red | hsl(0, 77%, 52%) |
| Navy | hsl(217, 58%, 27%) |
Kraft CMYK Color Code
Kraft CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Kraft Red | 0%, 83%, 83%, 11% |
| Navy | 73%, 45%, 0%, 57% |
Kraft Pantone Color Codes
Kraft Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Kraft Red | PMS 1788 C |
| Navy | PMS 295 C |
Logo
Kraft Logo Colors
Kraft logo colors are red and white, with navy blue on some product lines.
Kraft Logo Colors Palette
What the Kraft Logo Colors Mean?
The Kraft logo colors settled on red for reliability. The name has sat in a red hexagon since the 1960s, a shape the company reads as solid and dependable; before that it was a pentagon meant to look like a wedge of cheese. The navy blue that people picture is really the macaroni-and-cheese box rather than the corporate mark.
Kraft Logo Color History
Kraft logo color history keeps red from the mid-century hexagon on. The 2012 corporate redraw added a burst of hearts and a smile around the word, since toned down, but red stayed the base.
Kraft Logo Fonts
Kraft logo fonts are a custom sans for the wordmark, not for sale. A friendly rounded sans is the closest substitute.
Kraft Logo JPG
Kraft logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Kraft Logo PNG
Kraft logo in PNG, with a transparent background. Use it over a colored surface.
Kraft Logo WebP
Kraft logo in WebP. Same transparency as the PNG at about a third of the file size.
Kraft Color Code Shades
Kraft color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Kraft paint or trim names.
In code
Using the Kraft palette
CSS custom properties
:root {
--kraft-kraft-red: #E32726;
--kraft-navy: #1D3C6D;
}Contrast against white
| Kraft Red | 4.58:1AA ✓ |
|---|---|
| Navy | 10.94: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.