Food & Restaurants
Doritos Color Codes
Doritos works in black, white and a red near hex #DA0401, with orange and yellow accents. The Doritos color codes in Hex, RGB and CMYK can be found below. Frito-Lay launched the chips in 1966; the name comes from a Spanish word for little golden things. Its counterpart on the snack shelf is Hershey's.
Primary colors
What are Doritos Primary Colors?
Doritos's primary colors are black #000000, doritos red #DA0401, orange #F48221, yellow #FCC54D.
Doritos publishes no open hex sheet; these are measured from the current mark.
Doritos Black
| Hex | #000000 |
|---|---|
| RGB | 0, 0, 0 |
| HSL | hsl(0, 0%, 0%) |
| CMYK | 0%, 0%, 0%, 100%converted · approximate |
| Pantone | PMS 419 Cnearest match · not published by the brand |
Doritos Doritos Red
| Hex | #DA0401 |
|---|---|
| RGB | 218, 4, 1 |
| HSL | hsl(1, 99%, 43%) |
| CMYK | 0%, 98%, 100%, 15%converted · approximate |
| Pantone | PMS 485 Cnearest match · not published by the brand |
Doritos Orange
| Hex | #F48221 |
|---|---|
| RGB | 244, 130, 33 |
| HSL | hsl(28, 91%, 54%) |
| CMYK | 0%, 47%, 86%, 4%converted · approximate |
| Pantone | PMS 716 Cnearest match · not published by the brand |
Doritos Yellow
| Hex | #FCC54D |
|---|---|
| RGB | 252, 197, 77 |
| HSL | hsl(41, 97%, 65%) |
| CMYK | 0%, 22%, 69%, 1%converted · approximate |
| Pantone | PMS 142 Cnearest match · not published by the brand |
Doritos Hex Color Codes
Doritos hex color codes are #000000 for black, #DA0401 for doritos red, #F48221 for orange and #FCC54D for yellow.
| Color | Hex |
|---|---|
| Black | #000000 |
| Doritos Red | #DA0401 |
| Orange | #F48221 |
| Yellow | #FCC54D |
Doritos RGB Color Codes
Doritos RGB color codes are 0, 0, 0 for black, 218, 4, 1 for doritos red, 244, 130, 33 for orange and 252, 197, 77 for yellow. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Black | rgb(0, 0, 0) |
| Doritos Red | rgb(218, 4, 1) |
| Orange | rgb(244, 130, 33) |
| Yellow | rgb(252, 197, 77) |
Doritos HSL Color Codes
Doritos HSL color codes are 0, 0%, 0% for black, 1, 99%, 43% for doritos red, 28, 91%, 54% for orange and 41, 97%, 65% for yellow. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Black | hsl(0, 0%, 0%) |
| Doritos Red | hsl(1, 99%, 43%) |
| Orange | hsl(28, 91%, 54%) |
| Yellow | hsl(41, 97%, 65%) |
Doritos CMYK Color Code
Doritos CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Black | 0%, 0%, 0%, 100% |
| Doritos Red | 0%, 98%, 100%, 15% |
| Orange | 0%, 47%, 86%, 4% |
| Yellow | 0%, 22%, 69%, 1% |
Doritos Pantone Color Codes
Doritos Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Black | PMS 419 C |
| Doritos Red | PMS 485 C |
| Orange | PMS 716 C |
| Yellow | PMS 142 C |
Logo
Doritos Logo Colors
Doritos logo colors are black, red and white, with orange and yellow behind the name.
Doritos Logo Colors Palette
What the Doritos Logo Colors Mean?
The Doritos logo colors sit around a triangle, which is the chip. From 1985 a small triangle replaced the dot on the i; a 2013 redesign tilted the whole wordmark into a triangular block. Black gives it weight, red and the warm accents read as bold and a little loud, matching the flavor names.
Doritos Logo Color History
Doritos logo color history moved from a plain 1960s wordmark to the black-and-red triangular mark used now, with the exact accent colors shifting between flavors.
Doritos Logo Fonts
Doritos logo fonts are a custom heavy sans, slanted, not for sale. A bold condensed grotesque is the closest match.
Doritos Logo JPG
Doritos logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Doritos Logo PNG
Doritos logo in PNG, with a transparent background. Use it over a colored surface.
Doritos Logo WebP
Doritos logo in WebP. Same transparency as the PNG at about a third of the file size.
Doritos Color Code Shades
Doritos color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Doritos paint or trim names.
In code
Using the Doritos palette
CSS custom properties
:root {
--doritos-black: #000000;
--doritos-doritos-red: #DA0401;
--doritos-orange: #F48221;
--doritos-yellow: #FCC54D;
}Contrast against white
| Black | 21.00:1AA ✓ |
|---|---|
| Doritos Red | 5.25:1AA ✓ |
| Orange | 2.60:1AA × |
| Yellow | 1.59: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.