Chipotle color palette
Food & DrinkChipotle's color identity centers on its signature deep red, complemented by warm neutrals and dark tones that evoke a sense of authenticity and earthiness. The palette reflects the brand's focus on real ingredients and a handcrafted approach.
chipotle.comChipotle colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Chipotle RedPrimary138, 21, 56
- Chipotle GoldSecondary173, 138, 86
- Chipotle WheatAccent230, 211, 179
Surfaces
Page, cards and dividers.- Chipotle WhiteBackground255, 255, 255
- Chipotle PaperSurface245, 243, 238
- Chipotle Border GrayBorder214, 210, 196
Text
Three tiers of copy.- Chipotle BlackText45, 41, 38
- Chipotle BrownSecondary text110, 98, 89
- Chipotle MutedMuted text168, 155, 140
Semantic
Feedback and state colors.- Chipotle GreenSuccess122, 154, 1
- Chipotle YellowWarning247, 181, 0
- Chipotle Error RedError215, 38, 61
- Chipotle TealInfo0, 122, 138
Use Chipotle's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
chipotle-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #007A8A;
--error: #D7263D;
--accent: #E6D3B3;
--border: #D6D2C4;
--primary: #8A1538;
--success: #7A9A01;
--surface: #F5F3EE;
--warning: #F7B500;
--secondary: #AD8A56;
--text-muted: #A89B8C;
--background: #FFFFFF;
--text-primary: #2D2926;
--text-secondary: #6E6259;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
14.4:1
Pass
Text on surface
Needs 4.5:1 for body text
13.0:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.9:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
5.3:1
Pass
Muted text on background
Needs 3:1 for large text
2.7:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Chipotle background, border and text colors
The quiet part of the Chipotle palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Chipotle WhiteBackground
- HEX
- RGB
- HSL
- Chipotle PaperSurface
- HEX
- RGB
- HSL
- Chipotle Border GrayBorder
- HEX
- RGB
- HSL
- Chipotle BlackText
- HEX
- RGB
- HSL
- Chipotle BrownSecondary text
- HEX
- RGB
- HSL
- Chipotle MutedMuted text
- HEX
- RGB
- HSL
About Chipotle's colors
Chipotle's palette is grounded in earthy reds and browns, with gold and wheat tones for warmth and approachability. The colors are chosen to evoke freshness, authenticity, and a handcrafted feel.
Primary red contrasts with neutral backgrounds for clarity.
Gold and wheat provide warmth and highlight accents.
Dark and muted tones support legibility and depth.
Psychology
The deep red suggests boldness, passion, and appetite, while the gold and wheat tones evoke warmth and natural ingredients. The overall palette communicates trust, quality, and a down-to-earth brand ethos.
Evolution
Chipotle's color palette has remained consistent since its early brand guidelines, maintaining the signature red and earthy neutrals. Minor refinements have been made for digital clarity and accessibility.
Where Chipotle uses each color
- Primary
Chipotle Red is used for the logo, primary navigation, and key call-to-action buttons.
- Secondary
Chipotle Gold appears in accent graphics, packaging details, and promotional banners.
- Accent
Chipotle Wheat is used for backgrounds, highlights, and subtle UI elements.
- Backgrounds
Chipotle White and Paper are used as main backgrounds for web and print.
- Text
Chipotle Black and Brown are used for primary and secondary text throughout digital and print materials.
- Semantic
Chipotle Green, Yellow, Error Red, and Teal are used for status indicators, alerts, and informational messages in the app and website.
Chipotle color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Chipotle brand color is Chipotle Red, hex code #8A1538.
Chipotle Red (#8A1538) in RGB is (138, 21, 56); in CMYK it is approximately (0, 85, 59, 46).
Chipotle uses Chipotle Paper (#F5F3EE), Border Gray (#D6D2C4), and Muted (#A89B8C) as its primary neutrals for backgrounds and borders.
Use Chipotle Red (#8A1538) for primary branding elements, with gold and wheat as accents, and neutrals for backgrounds and text. Always ensure sufficient contrast and follow accessibility guidelines when applying the palette.
The secondary color is Chipotle Gold, #AD8A56, and the accent is Chipotle Wheat, #E6D3B3. Together with the primary they make up the three brand colors at the top of this page.
4 of 6 text and background pairings meet WCAG 2.1 AA contrast. The contrast section above shows every pairing with its exact ratio.
Use the export block on this page. It gives you CSS custom properties, a Tailwind config, W3C design tokens or a shadcn/ui theme built from these exact hex values, with copy and download buttons.
Yes. Export the Claude Code skill, Cursor rules or Codex prompt from the same block. The agent then applies Chipotle's colors consistently when it generates UI.
Make something in the spirit of Chipotle
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.