Arc'teryx color palette
FashionArc'teryx's color identity is defined by a distinctive gold-yellow paired with deep, neutral blacks and grays, reflecting the brand's technical and outdoor-focused ethos. The palette is minimal and functional, supporting high-contrast legibility and a premium feel.
arcteryx.comArc'teryx colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Arc'teryx GoldPrimary212, 176, 0
- Arc'teryx BlackSecondary34, 34, 34
- Arc'teryx Warm GrayAccent167, 165, 155
Surfaces
Page, cards and dividers.- Arc'teryx WhiteBackground255, 255, 255
- Arc'teryx Light GraySurface245, 245, 242
- Arc'teryx Pale GrayBorder224, 222, 215
Text
Three tiers of copy.- Arc'teryx BlackText34, 34, 34
- Arc'teryx Medium GraySecondary text107, 107, 107
- Arc'teryx Warm GrayMuted text167, 165, 155
Semantic
Feedback and state colors.- Arc'teryx Moss GreenSuccess90, 125, 62
- Arc'teryx Warning GoldWarning230, 167, 0
- Arc'teryx Alert RedError201, 79, 60
- Arc'teryx Slate BlueInfo77, 106, 123
Use Arc'teryx's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
arcteryx-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #4D6A7B;
--error: #C94F3C;
--accent: #A7A59B;
--border: #E0DED7;
--primary: #D4B000;
--success: #5A7D3E;
--surface: #F5F5F2;
--warning: #E6A700;
--secondary: #222222;
--text-muted: #A7A59B;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6B6B6B;
}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.9:1
Pass
Text on surface
Needs 4.5:1 for body text
14.6:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.3:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.9: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.3:1
Fail
Arc'teryx gray and neutral colors
The quiet part of the Arc'teryx palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Arc'teryx WhiteBackground
- HEX
- RGB
- HSL
- Arc'teryx Light GraySurface
- HEX
- RGB
- HSL
- Arc'teryx Pale GrayBorder
- HEX
- RGB
- HSL
- Arc'teryx BlackText
- HEX
- RGB
- HSL
- Arc'teryx Medium GraySecondary text
- HEX
- RGB
- HSL
- Arc'teryx Warm GrayMuted text
- HEX
- RGB
- HSL
About Arc'teryx's colors
Arc'teryx's palette is rooted in high-contrast, functional color theory, with gold as a signature accent against a neutral, utilitarian background. The limited palette ensures clarity, legibility, and a premium technical feel.
Gold contrasts with deep black for high visibility.
Warm and cool grays provide balance and subtlety.
Accent colors are reserved for functional or alert states.
Psychology
The gold conveys prestige, quality, and visibility, while the black and grays ground the brand in seriousness and reliability. The overall effect is one of technical excellence and understated luxury.
Evolution
Arc'teryx's palette has remained stable, with the gold and black combination consistently used since the brand's inception. Minor adjustments to gray tones have been made for digital clarity and accessibility.
Where Arc'teryx uses each color
- Primary
Arc'teryx Gold is used for the brand logo, key highlights, and call-to-action buttons.
- Secondary
Arc'teryx Black is used for navigation bars, headers, and main text.
- Accent
Arc'teryx Warm Gray is used for subtle UI elements, secondary buttons, and backgrounds.
- Backgrounds
Arc'teryx White and Light Gray are used for page backgrounds and product displays.
- Text
Black and Medium Gray are used for primary and secondary text, ensuring readability.
- Semantic
Moss Green, Warning Gold, Alert Red, and Slate Blue are used for status indicators, alerts, and notifications.
Arc'teryx color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Arc'teryx brand color is Arc'teryx Gold, hex code #D4B000.
Arc'teryx Gold (#D4B000) is RGB(212, 176, 0) and CMYK(0, 17, 100, 17).
Arc'teryx uses Arc'teryx Black (#222222) and Arc'teryx Warm Gray (#A7A59B) for dark and neutral UI elements.
Use Arc'teryx Gold (#D4B000) for highlights and branding, with black and gray tones for backgrounds, text, and UI structure.
The secondary color is Arc'teryx Black, #222222, and the accent is Arc'teryx Warm Gray, #A7A59B. 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 Arc'teryx's colors consistently when it generates UI.
Make something in the spirit of Arc'teryx
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.