Food & Restaurants
Chipotle Color Codes
Chipotle works in a dark adobe brown, hex #441500, and a red, #A81612, on a circular pepper mark. The Chipotle color codes in Hex, RGB and CMYK can be found below. Steve Ells, a trained chef, opened the first location near the University of Denver in 1993 with a loan from his father. Its rival among fast Mexican food is Taco Bell.
Primary colors
What are Chipotle Primary Colors?
Chipotle's primary colors are adobe #441500, chipotle red #A81612, white #FFFFFF.
Chipotle publishes no open hex sheet; these are measured from the current mark.
Chipotle Adobe
| Hex | #441500 |
|---|---|
| RGB | 68, 21, 0 |
| HSL | hsl(19, 100%, 13%) |
| CMYK | 0%, 69%, 100%, 73%converted · approximate |
| Pantone | PMS 4625 Cnearest match · not published by the brand |
Chipotle Chipotle Red
| Hex | #A81612 |
|---|---|
| RGB | 168, 22, 18 |
| HSL | hsl(2, 81%, 36%) |
| CMYK | 0%, 87%, 89%, 34%converted · approximate |
| Pantone | PMS 1805 Cnearest match · not published by the brand |
Chipotle 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 |
Chipotle Hex Color Codes
Chipotle hex color codes are #441500 for adobe, #A81612 for chipotle red and #FFFFFF for white.
| Color | Hex |
|---|---|
| Adobe | #441500 |
| Chipotle Red | #A81612 |
| White | #FFFFFF |
Chipotle RGB Color Codes
Chipotle RGB color codes are 68, 21, 0 for adobe, 168, 22, 18 for chipotle red and 255, 255, 255 for white. Reach for RGB when a tool wants channel numbers or a CSS alpha value.
| Color | RGB |
|---|---|
| Adobe | rgb(68, 21, 0) |
| Chipotle Red | rgb(168, 22, 18) |
| White | rgb(255, 255, 255) |
Chipotle HSL Color Codes
Chipotle HSL color codes are 19, 100%, 13% for adobe, 2, 81%, 36% for chipotle red and 0, 0%, 100% for white. Change the third value for a lighter or darker version without moving the hue.
| Color | HSL |
|---|---|
| Adobe | hsl(19, 100%, 13%) |
| Chipotle Red | hsl(2, 81%, 36%) |
| White | hsl(0, 0%, 100%) |
Chipotle CMYK Color Code
Chipotle CMYK color codes are conversions from the hex, because the brand publishes none. Check a printed proof before a full run.
| Color | CMYK |
|---|---|
| Adobe | 0%, 69%, 100%, 73% |
| Chipotle Red | 0%, 87%, 89%, 34% |
| White | 0%, 0%, 0%, 0% |
Chipotle Pantone Color Codes
Chipotle Pantone color codes are nearest matches by color distance, not brand specs. The table shows the closest swatch for every color.
| Color | Nearest Pantone |
|---|---|
| Adobe | PMS 4625 C |
| Chipotle Red | PMS 1805 C |
| White | PMS 656 C |
Logo
Chipotle Logo Colors
Chipotle logo colors are brown and red, with a white chili pepper at the center.
Chipotle Logo Colors Palette
What the Chipotle Logo Colors Mean?
The Chipotle logo colors are named for a chili. A chipotle is a smoked, dried jalapeno, so a 2009 redesign put a stylised pepper inside two rings, a red circle within a dark brown one, with the pepper picked out in white. The browns and rusts run through the restaurants too, meant to read as earthy and hand-built.
Chipotle Logo Color History
Chipotle logo color history keeps warm earth tones from the start. The 2009 move to the ringed pepper set the current brown and red; before it the brand used a plain wordmark in similar colors.
Chipotle Logo Fonts
Chipotle logo fonts are a custom slab serif for the wordmark, not for sale. A sturdy slab such as Rockwell is the closest match.
Chipotle Logo JPG
Chipotle logo in JPG. No transparency, so it is flattened onto white. Safe for documents and slide decks.
Chipotle Logo PNG
Chipotle logo in PNG, with a transparent background. Use it over a colored surface.
Chipotle Logo WebP
Chipotle logo in WebP. Same transparency as the PNG at about a third of the file size.
Chipotle Color Code Shades
Chipotle color code shades step evenly from the primary toward black, for hover states, borders and shadows.
These are interface steps, not Chipotle paint or trim names.
In code
Using the Chipotle palette
CSS custom properties
:root {
--chipotle-adobe: #441500;
--chipotle-chipotle-red: #A81612;
--chipotle-white: #FFFFFF;
}
Contrast against white
| Adobe | 15.52:1AA ✓ |
|---|---|
| Chipotle Red | 7.53: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.