Carhartt color palette
FashionCarhartt's color identity centers on its iconic 'Carhartt Brown,' a rugged, earthy brown that reflects the brand's workwear heritage. The palette is utilitarian, with warm neutrals and dark grays supporting the primary tone.
carhartt.comCarhartt colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Carhartt BrownPrimary169, 106, 39
- Duck Canvas TanSecondary224, 169, 109
- Canvas Off-WhiteAccent243, 233, 210
Surfaces
Page, cards and dividers.- Workwear CreamBackground245, 243, 238
- Utility BeigeSurface217, 211, 201
- Stitch GrayBorder184, 176, 161
Text
Three tiers of copy.- Coal BlackText34, 33, 31
- Iron GraySecondary text107, 101, 91
- Muted TaupeMuted text165, 157, 142
Semantic
Feedback and state colors.- Field GreenSuccess138, 154, 91
- Warning GoldWarning232, 176, 74
- Rust RedError176, 74, 42
- Denim BlueInfo108, 140, 161
Use Carhartt's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
carhartt-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #6C8CA1;
--error: #B04A2A;
--accent: #F3E9D2;
--border: #B8B0A1;
--primary: #A96A27;
--success: #8A9A5B;
--surface: #D9D3C9;
--warning: #E8B04A;
--secondary: #E0A96D;
--text-muted: #A59D8E;
--background: #F5F3EE;
--text-primary: #22211F;
--text-secondary: #6B655B;
}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.5:1
Pass
Text on surface
Needs 4.5:1 for body text
10.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.2:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
3.9:1
Fail
Muted text on background
Needs 3:1 for large text
2.4:1
Fail
Muted text on surface
Needs 3:1 for large text
1.8:1
Fail
Carhartt background, border and text colors
The quiet part of the Carhartt palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Workwear CreamBackground
- HEX
- RGB
- HSL
- Utility BeigeSurface
- HEX
- RGB
- HSL
- Stitch GrayBorder
- HEX
- RGB
- HSL
- Coal BlackText
- HEX
- RGB
- HSL
- Iron GraySecondary text
- HEX
- RGB
- HSL
- Muted TaupeMuted text
- HEX
- RGB
- HSL
About Carhartt's colors
Carhartt's palette is grounded in earthy browns and warm neutrals, evoking durability and authenticity. The supporting tones are muted and practical, reinforcing a utilitarian aesthetic.
Primary brown is complemented by tan and off-white for contrast.
Dark grays and black provide legibility and structure.
Accent colors are subdued, maintaining a workwear-inspired feel.
Psychology
Brown conveys reliability, strength, and a connection to the outdoors, aligning with Carhartt's workwear roots. The muted palette fosters a sense of trust and timelessness.
Evolution
Carhartt's core palette has remained stable, with 'Carhartt Brown' consistently at the forefront. Minor adjustments have been made to supporting neutrals for improved digital accessibility.
Where Carhartt uses each color
- Primary
Carhartt Brown is used for logos, key buttons, and signature apparel items.
- Secondary
Duck Canvas Tan appears in backgrounds, secondary buttons, and product packaging.
- Accent
Canvas Off-White is used for highlights, UI elements, and product tags.
- Backgrounds
Workwear Cream is the main website and app background color.
- Text
Coal Black and Iron Gray are used for primary and secondary text throughout digital and print materials.
- Semantic
Field Green, Warning Gold, Rust Red, and Denim Blue are used for status indicators and alerts in digital interfaces.
Carhartt color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Carhartt brand color is 'Carhartt Brown' with the hex code #A96A27. This color is central to the brand's identity.
Carhartt Brown (#A96A27) in RGB is 169, 106, 39. In CMYK, it is approximately 0, 37, 77, 34.
Carhartt uses 'Workwear Cream' (#F5F3EE), 'Utility Beige' (#D9D3C9), 'Stitch Gray' (#B8B0A1), and 'Iron Gray' (#6B655B) as its primary neutrals and grays. These support the earthy palette and provide contrast for text and UI elements.
Use 'Carhartt Brown' (#A96A27) for primary branding, navigation, and key actions. Supporting neutrals and accent colors should be used for backgrounds, secondary elements, and highlights to maintain brand consistency.
The secondary color is Duck Canvas Tan, #E0A96D, and the accent is Canvas Off-White, #F3E9D2. Together with the primary they make up the three brand colors at the top of this page.
3 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 Carhartt's colors consistently when it generates UI.
Make something in the spirit of Carhartt
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.