Tim Hortons color palette
Food & DrinkTim Hortons uses a bold, instantly recognizable red as its primary brand color, complemented by warm neutrals and deep browns reflecting its coffee heritage. The palette is consistent across retail, packaging, and digital experiences.
timhortons.caTim Hortons colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Tim Hortons RedPrimary200, 16, 46
- Tim Hortons BurgundySecondary138, 21, 56
- Tim Hortons GoldAccent255, 209, 0
Surfaces
Page, cards and dividers.- Tim Hortons CreamBackground255, 248, 242
- Tim Hortons Light BeigeSurface245, 235, 221
- Tim Hortons TanBorder209, 191, 163
Text
Three tiers of copy.- Tim Hortons Coffee BlackText35, 31, 32
- Tim Hortons MochaSecondary text90, 70, 50
- Tim Hortons LatteMuted text168, 159, 145
Semantic
Feedback and state colors.- Tim Hortons Fresh GreenSuccess108, 154, 31
- Tim Hortons MapleWarning255, 179, 0
- Tim Hortons Error RedError215, 38, 61
- Tim Hortons BlueInfo0, 118, 168
Use Tim Hortons's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
tim-hortons-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #0076A8;
--error: #D7263D;
--accent: #FFD100;
--border: #D1BFA3;
--primary: #C8102E;
--success: #6C9A1F;
--surface: #F5EBDD;
--warning: #FFB300;
--secondary: #8A1538;
--text-muted: #A89F91;
--background: #FFF8F2;
--text-primary: #231F20;
--text-secondary: #5A4632;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
15.5:1
Pass
Text on surface
Needs 4.5:1 for body text
13.8:1
Pass
Secondary text on background
Needs 4.5:1 for body text
8.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
7.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.5:1
Fail
Muted text on surface
Needs 3:1 for large text
2.2:1
Fail
Tim Hortons background, border and text colors
The quiet part of the Tim Hortons palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Tim Hortons CreamBackground
- HEX
- RGB
- HSL
- Tim Hortons Light BeigeSurface
- HEX
- RGB
- HSL
- Tim Hortons TanBorder
- HEX
- RGB
- HSL
- Tim Hortons Coffee BlackText
- HEX
- RGB
- HSL
- Tim Hortons MochaSecondary text
- HEX
- RGB
- HSL
- Tim Hortons LatteMuted text
- HEX
- RGB
- HSL
About Tim Hortons's colors
Tim Hortons' color system is rooted in a rich red, symbolizing warmth and hospitality, with supporting neutrals and browns that evoke coffee and comfort. The palette is designed for strong brand recognition and accessibility.
Primary red is complemented by deep burgundy for depth.
Warm gold and cream provide contrast and highlight.
Neutrals and browns ground the palette and enhance legibility.
Psychology
Red conveys energy, warmth, and approachability, aligning with the brand's Canadian heritage. Browns and creams evoke comfort and the coffeehouse environment.
Evolution
The core red has remained consistent since the brand's inception, ensuring strong recognition. Supporting tones have been refined for digital use, but the overall palette has stayed stable.
Where Tim Hortons uses each color
- Primary
Tim Hortons Red is used for logos, headers, and primary buttons.
- Secondary
Tim Hortons Burgundy appears in backgrounds, banners, and secondary buttons.
- Accent
Tim Hortons Gold is used for highlights, callouts, and promotional elements.
- Backgrounds
Tim Hortons Cream and Light Beige are used for website and app backgrounds.
- Text
Coffee Black and Mocha are used for primary and secondary text, with Latte for muted or disabled states.
- Semantic
Fresh Green, Maple, Error Red, and Blue are used for status messages, alerts, and informational banners.
Tim Hortons color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Tim Hortons brand red is #C8102E. This color is used prominently in the logo and across digital and print assets.
Tim Hortons Red (#C8102E) in RGB is (200, 16, 46) and in CMYK is (0, 92, 77, 22). Use these values for accurate reproduction in print and digital.
Tim Hortons uses Coffee Black (#231F20) for primary text and Mocha (#5A4632) for secondary text. Cream (#FFF8F2) and Light Beige (#F5EBDD) are used for backgrounds.
Use Tim Hortons Red (#C8102E) for primary actions and branding, with supporting colors for backgrounds, accents, and semantic states. Always maintain sufficient contrast for accessibility.
The secondary color is Tim Hortons Burgundy, #8A1538, and the accent is Tim Hortons Gold, #FFD100. 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 Tim Hortons's colors consistently when it generates UI.
Make something in the spirit of Tim Hortons
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.