Aritzia color palette
FashionAritzia's color identity is rooted in a sophisticated, minimalist palette of black, white, and warm neutrals, reflecting its modern and elevated fashion aesthetic. The brand consistently uses rich black and creamy off-white as primary tones, with subtle taupes and grays for depth.
aritzia.comAritzia colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Aritzia BlackPrimary34, 34, 34
- Aritzia CreamSecondary247, 246, 243
- Aritzia TaupeAccent168, 159, 145
Surfaces
Page, cards and dividers.- Aritzia WhiteBackground255, 255, 255
- Aritzia Light TaupeSurface229, 227, 221
- Aritzia Border GrayBorder211, 208, 200
Text
Three tiers of copy.- Aritzia BlackText34, 34, 34
- Aritzia Warm GraySecondary text122, 118, 111
- Aritzia TaupeMuted text168, 159, 145
Semantic
Feedback and state colors.- Aritzia OliveSuccess107, 139, 116
- Aritzia GoldWarning194, 164, 109
- Aritzia BrickError176, 74, 74
- Aritzia SlateInfo125, 140, 138
Use Aritzia's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
aritzia-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #7D8C8A;
--error: #B04A4A;
--accent: #A89F91;
--border: #D3D0C8;
--primary: #222222;
--success: #6B8B74;
--surface: #E5E3DD;
--warning: #C2A46D;
--secondary: #F7F6F3;
--text-muted: #A89F91;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #7A766F;
}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
12.4:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.5:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
3.5:1
Fail
Muted text on background
Needs 3:1 for large text
2.6:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Aritzia gray and neutral colors
The quiet part of the Aritzia palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Aritzia WhiteBackground
- HEX
- RGB
- HSL
- Aritzia Light TaupeSurface
- HEX
- RGB
- HSL
- Aritzia Border GrayBorder
- HEX
- RGB
- HSL
- Aritzia BlackText
- HEX
- RGB
- HSL
- Aritzia Warm GraySecondary text
- HEX
- RGB
- HSL
- Aritzia TaupeMuted text
- HEX
- RGB
- HSL
About Aritzia's colors
Aritzia's palette is built on a foundation of black, white, and warm neutrals, creating a timeless and versatile look. The restrained use of color supports a premium, understated brand presence.
Primary black contrasts with creamy off-white for clarity.
Taupe and warm gray provide subtle depth and hierarchy.
Accent colors are muted, supporting a minimalist aesthetic.
Psychology
The use of black and neutrals conveys sophistication, reliability, and modernity. Subtle warm tones add approachability and comfort to the brand experience.
Evolution
Aritzia's color palette has remained consistent over time, emphasizing stability and brand recognition. Occasional seasonal accents are introduced, but the core neutral system is unchanged.
Where Aritzia uses each color
- Primary
Aritzia Black is used for the logo, main navigation, and primary headings.
- Secondary
Aritzia Cream appears as the main background on the website and in packaging.
- Accent
Aritzia Taupe is used for buttons, highlights, and subtle UI elements.
- Backgrounds
Aritzia White and Light Taupe are used for content backgrounds and overlays.
- Text
Aritzia Black is primary for text, with Warm Gray and Taupe for secondary and muted text.
- Semantic
Olive, Gold, Brick, and Slate are used for status indicators and messaging in digital interfaces.
Aritzia color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Aritzia brand color is Aritzia Black, hex code #222222, used for logos and primary text.
Aritzia Black (#222222) in RGB is (34, 34, 34) and in CMYK is (0, 0, 0, 87).
Aritzia uses a palette of neutrals including Aritzia Cream (#F7F6F3), Light Taupe (#E5E3DD), and Warm Gray (#7A766F) for backgrounds and secondary text.
Use Aritzia Black (#222222) for primary elements, Cream (#F7F6F3) for backgrounds, and Taupe (#A89F91) for accents. Semantic colors like Olive (#6B8B74) and Brick (#B04A4A) are reserved for status messaging.
The secondary color is Aritzia Cream, #F7F6F3, and the accent is Aritzia Taupe, #A89F91. 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 Aritzia's colors consistently when it generates UI.
Make something in the spirit of Aritzia
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.