Canada Goose color palette
FashionCanada Goose's color identity is defined by a bold, instantly recognizable red paired with deep navy and crisp white, reflecting its Canadian heritage and premium outerwear positioning. The palette is minimal, classic, and functional, supporting both luxury and performance branding.
canadagoose.comCanada Goose colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Canada Goose RedPrimary215, 26, 40
- Canada Goose NavySecondary26, 34, 58
- Canada Goose WhiteAccent255, 255, 255
Surfaces
Page, cards and dividers.- Goose Light GrayBackground245, 247, 250
- Goose Pale GraySurface225, 227, 230
- Goose Border GrayBorder191, 196, 204
Text
Three tiers of copy.- Goose Navy TextText26, 34, 58
- Goose SlateSecondary text90, 97, 113
- Goose Muted GrayMuted text140, 146, 161
Semantic
Feedback and state colors.- Goose Success GreenSuccess60, 157, 111
- Goose Warning YellowWarning239, 175, 60
- Canada Goose RedError215, 26, 40
- Goose Navy InfoInfo26, 34, 58
Use Canada Goose's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
canada-goose-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #1A223A;
--error: #D71A28;
--accent: #FFFFFF;
--border: #BFC4CC;
--primary: #D71A28;
--success: #3C9D6F;
--surface: #E1E3E6;
--warning: #EFAF3C;
--secondary: #1A223A;
--text-muted: #8C92A1;
--background: #F5F7FA;
--text-primary: #1A223A;
--text-secondary: #5A6171;
}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.7:1
Pass
Text on surface
Needs 4.5:1 for body text
12.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.8:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.8:1
Pass
Muted text on background
Needs 3:1 for large text
2.9:1
Fail
Muted text on surface
Needs 3:1 for large text
2.4:1
Fail
Canada Goose background, border and text colors
The quiet part of the Canada Goose palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Goose Light GrayBackground
- HEX
- RGB
- HSL
- Goose Pale GraySurface
- HEX
- RGB
- HSL
- Goose Border GrayBorder
- HEX
- RGB
- HSL
- Goose Navy TextText
- HEX
- RGB
- HSL
- Goose SlateSecondary text
- HEX
- RGB
- HSL
- Goose Muted GrayMuted text
- HEX
- RGB
- HSL
About Canada Goose's colors
Canada Goose uses a triadic palette centered on red, navy, and white, evoking Canadian identity and reliability. The neutral grays provide balance and clarity for digital and print applications.
Red and navy create a bold, high-contrast pairing.
White and light grays offer visual relief and cleanliness.
Accent colors are used sparingly for clarity and emphasis.
Psychology
The red communicates energy, warmth, and Canadian pride, while navy signals trust and durability. White and gray tones reinforce a sense of luxury and modernity.
Evolution
Canada Goose's palette has remained consistent, with the red and navy combination established early and maintained across decades. Minor adjustments to gray tones have occurred for digital optimization.
Where Canada Goose uses each color
- Primary
Canada Goose Red is used in the logo, key buttons, and call-to-action elements.
- Secondary
Canada Goose Navy appears in navigation bars, footers, and apparel details.
- Accent
Canada Goose White is used for backgrounds, text, and the logo's polar bear motif.
- Backgrounds
Goose Light Gray and Pale Gray are used for website backgrounds and product cards.
- Text
Goose Navy Text and Goose Slate are used for primary and secondary text throughout the site.
- Semantic
Goose Success Green, Warning Yellow, and Canada Goose Red are used for status messages and alerts.
Canada Goose color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Canada Goose brand red is #D71A28. This color is featured prominently in the logo and key brand elements.
Canada Goose Red (#D71A28) in RGB is (215, 26, 40). For print, the closest CMYK is (0, 88, 81, 16).
Canada Goose uses Goose Light Gray (#F5F7FA), Goose Pale Gray (#E1E3E6), and Goose Border Gray (#BFC4CC) for backgrounds and UI elements. These provide a clean, modern backdrop for product imagery and text.
Use Canada Goose Red (#D71A28) for primary actions and branding, with Navy (#1A223A) for navigation and text. Grays and white should dominate backgrounds and surfaces for clarity and contrast.
The secondary color is Canada Goose Navy, #1A223A, and the accent is Canada Goose White, #FFFFFF. 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 Canada Goose's colors consistently when it generates UI.
Make something in the spirit of Canada Goose
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.