Everlane color palette
FashionEverlane's color identity is defined by a minimalist, neutral palette with a focus on understated elegance. The brand primarily uses deep charcoal, crisp white, and soft gray tones to reflect its transparent, modern aesthetic.
everlane.comEverlane colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Everlane CharcoalPrimary34, 34, 34
- Everlane Light GraySecondary247, 247, 247
- Everlane SilverAccent201, 201, 201
Surfaces
Page, cards and dividers.- Everlane WhiteBackground255, 255, 255
- Everlane Pale GraySurface242, 242, 242
- Everlane Border GrayBorder229, 229, 229
Text
Three tiers of copy.- Everlane CharcoalText34, 34, 34
- Everlane Medium GraySecondary text110, 110, 110
- Everlane Muted GrayMuted text179, 179, 179
Semantic
Feedback and state colors.- Everlane Success GreenSuccess58, 123, 76
- Everlane Warning OrangeWarning196, 122, 59
- Everlane Error RedError185, 74, 72
- Everlane Info BlueInfo59, 108, 167
Use Everlane's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
everlane-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #3B6CA7;
--error: #B94A48;
--accent: #C9C9C9;
--border: #E5E5E5;
--primary: #222222;
--success: #3A7B4C;
--surface: #F2F2F2;
--warning: #C47A3B;
--secondary: #F7F7F7;
--text-muted: #B3B3B3;
--background: #FFFFFF;
--text-primary: #222222;
--text-secondary: #6E6E6E;
}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.2:1
Pass
Secondary text on background
Needs 4.5:1 for body text
5.1:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.6:1
Pass
Muted text on background
Needs 3:1 for large text
2.1:1
Fail
Muted text on surface
Needs 3:1 for large text
1.9:1
Fail
Everlane gray and neutral colors
The quiet part of the Everlane palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Everlane WhiteBackground
- HEX
- RGB
- HSL
- Everlane Pale GraySurface
- HEX
- RGB
- HSL
- Everlane Border GrayBorder
- HEX
- RGB
- HSL
- Everlane CharcoalText
- HEX
- RGB
- HSL
- Everlane Medium GraySecondary text
- HEX
- RGB
- HSL
- Everlane Muted GrayMuted text
- HEX
- RGB
- HSL
About Everlane's colors
Everlane's palette is rooted in neutral, desaturated tones to convey simplicity and transparency. The restrained color use supports a clean, modern shopping experience.
Primary charcoal contrasts with white for clarity.
Grays unify backgrounds, borders, and text.
Accent colors are used sparingly for status and feedback.
Psychology
The neutral palette evokes trust, calm, and approachability, aligning with Everlane's transparent ethos. Minimal color distractions keep the focus on product and content.
Evolution
Everlane's color palette has remained stable since its inception, consistently emphasizing grayscale tones. Occasional subtle accent colors have been introduced for UI feedback and accessibility.
Where Everlane uses each color
- Primary
Used for main navigation text, headlines, and primary buttons.
- Secondary
Applied to secondary backgrounds and card surfaces.
- Accent
Used for subtle UI accents, dividers, and inactive states.
- Backgrounds
White is the default background for most pages and product displays.
- Text
Charcoal is used for primary text, with medium and muted grays for secondary and disabled text.
- Semantic
Success, warning, error, and info colors are used for alerts, notifications, and status indicators.
Everlane color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Everlane brand color is Everlane Charcoal, hex code #222222. This is used for primary text and navigation.
Everlane Charcoal (#222222) in RGB is (34, 34, 34). In CMYK, it is approximately (0, 0, 0, 87).
Everlane uses a range of grays: Light Gray (#F7F7F7), Pale Gray (#F2F2F2), Border Gray (#E5E5E5), Medium Gray (#6E6E6E), and Muted Gray (#B3B3B3). These support backgrounds, borders, and secondary text.
Use Charcoal (#222222) for primary text and navigation, with white and light grays for backgrounds. Accent and semantic colors should be reserved for UI feedback, alerts, and status indicators.
The secondary color is Everlane Light Gray, #F7F7F7, and the accent is Everlane Silver, #C9C9C9. 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 Everlane's colors consistently when it generates UI.
Make something in the spirit of Everlane
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.