Coach color palette
FashionCoach's color identity centers on a refined, timeless black and neutral palette, reflecting its heritage in luxury leather goods. The brand uses deep blacks, warm browns, and elegant neutrals across its digital and physical touchpoints.
coach.comCoach colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Coach BlackPrimary26, 26, 26
- Coach GoldSecondary191, 167, 122
- Coach SaddleAccent139, 111, 78
Surfaces
Page, cards and dividers.- Coach Light SandBackground247, 245, 242
- Coach Warm GreySurface229, 225, 220
- Coach TaupeBorder209, 199, 183
Text
Three tiers of copy.- Coach BlackText26, 26, 26
- Coach SaddleSecondary text139, 111, 78
- Coach Muted GreyMuted text140, 140, 140
Semantic
Feedback and state colors.- Coach OliveSuccess107, 142, 35
- Coach TanWarning198, 134, 66
- Coach BrickError178, 34, 34
- Coach BlueInfo91, 122, 153
Use Coach's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
coach-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #5B7A99;
--error: #B22222;
--accent: #8B6F4E;
--border: #D1C7B7;
--primary: #1A1A1A;
--success: #6B8E23;
--surface: #E5E1DC;
--warning: #C68642;
--secondary: #BFA77A;
--text-muted: #8C8C8C;
--background: #F7F5F2;
--text-primary: #1A1A1A;
--text-secondary: #8B6F4E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
16.0:1
Pass
Text on surface
Needs 4.5:1 for body text
13.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.3:1
Fail
Secondary text on surface
Needs 4.5:1 for body text
3.6:1
Fail
Muted text on background
Needs 3:1 for large text
3.1:1
Pass
Muted text on surface
Needs 3:1 for large text
2.6:1
Fail
Coach background, border and text colors
The quiet part of the Coach palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Coach Light SandBackground
- HEX
- RGB
- HSL
- Coach Warm GreySurface
- HEX
- RGB
- HSL
- Coach TaupeBorder
- HEX
- RGB
- HSL
- Coach BlackText
- HEX
- RGB
- HSL
- Coach SaddleSecondary text
- HEX
- RGB
- HSL
- Coach Muted GreyMuted text
- HEX
- RGB
- HSL
About Coach's colors
Coach's palette is rooted in classic, neutral tones that evoke luxury and timelessness. The restrained use of gold and saddle brown accents highlights the brand's heritage and craftsmanship.
Primary black anchors the palette for sophistication.
Gold and saddle brown provide warmth and contrast.
Neutrals unify digital and physical brand experiences.
Psychology
Black and gold communicate prestige, exclusivity, and confidence, while warm browns evoke tradition and authenticity. The palette's neutrals create an inviting, approachable feel.
Evolution
Coach's color palette has remained consistent, emphasizing black and neutrals since its inception. Minor adjustments have modernized accent tones, but the core identity is stable.
Where Coach uses each color
- Primary
Coach Black is used for logos, navigation bars, and primary text.
- Secondary
Coach Gold appears in hardware, packaging details, and call-to-action buttons.
- Accent
Coach Saddle is used in leather goods imagery, highlights, and secondary buttons.
- Backgrounds
Coach Light Sand serves as the main website and app background.
- Text
Coach Black and Coach Saddle are used for primary and secondary text, respectively.
- Semantic
Coach Olive, Tan, Brick, and Blue are reserved for status indicators and alerts in digital interfaces.
Coach color questions
Hex codes, RGB values, neutrals and how to use the palette.
The primary Coach brand color is Coach Black, with the hex code #1A1A1A. This color is used for logos and primary text.
Coach Black (#1A1A1A) in RGB is (26, 26, 26). In CMYK, it is approximately (0, 0, 0, 90).
Coach uses a range of neutrals including Coach Light Sand (#F7F5F2), Coach Warm Grey (#E5E1DC), and Coach Muted Grey (#8C8C8C) for backgrounds and muted text. These tones create a refined, understated backdrop for product imagery.
Coach Black (#1A1A1A) should dominate for core branding and text, with gold and saddle accents for highlights and calls to action. Neutrals are reserved for backgrounds and surfaces to maintain a clean, premium look.
The secondary color is Coach Gold, #BFA77A, and the accent is Coach Saddle, #8B6F4E. 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 Coach's colors consistently when it generates UI.
Make something in the spirit of Coach
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.