Skims color palette
FashionSkims employs a sophisticated, minimalist color palette centered on warm, neutral tones that reflect its focus on body positivity and inclusivity. The brand's signature shade is a soft beige, supported by a range of muted browns and grays for a cohesive, understated look.
skims.comSkims colors
Click any swatch to copy its hex. Hover for RGB and HSL.
Brand colors
The colors people recognise.- Skims SandPrimary215, 195, 180
- Skims ClaySecondary191, 169, 154
- Skims SiennaAccent162, 140, 125
Surfaces
Page, cards and dividers.- Skims PorcelainBackground247, 243, 240
- Skims OatSurface239, 230, 223
- Skims TaupeBorder209, 190, 178
Text
Three tiers of copy.- Skims EspressoText59, 47, 40
- Skims MochaSecondary text125, 106, 94
- Skims MistMuted text182, 163, 147
Semantic
Feedback and state colors.- Skims SageSuccess166, 180, 154
- Skims ApricotWarning227, 185, 143
- Skims TerracottaError201, 122, 99
- Skims StoneInfo183, 182, 178
Use Skims's colors in your project
Pick a format, copy or download. Everything below is generated from the exact hex values above.
skims-palette-colors.css · Paste into your global stylesheet.
:root {
--info: #B7B6B2;
--error: #C97A63;
--accent: #A28C7D;
--border: #D1BEB2;
--primary: #D7C3B4;
--success: #A6B49A;
--surface: #EFE6DF;
--warning: #E3B98F;
--secondary: #BFA99A;
--text-muted: #B6A393;
--background: #F7F3F0;
--text-primary: #3B2F28;
--text-secondary: #7D6A5E;
}Contrast and accessibility
Every text tone tested against every surface, per WCAG 2.1.
Text on background
Needs 4.5:1 for body text
11.7:1
Pass
Text on surface
Needs 4.5:1 for body text
10.5:1
Pass
Secondary text on background
Needs 4.5:1 for body text
4.6:1
Pass
Secondary text on surface
Needs 4.5:1 for body text
4.2:1
Fail
Muted text on background
Needs 3:1 for large text
2.2:1
Fail
Muted text on surface
Needs 3:1 for large text
2.0:1
Fail
Skims background, border and text colors
The quiet part of the Skims palette: page background, card surfaces, dividers and the three text tones that sit on them. Click a value to copy it.
- Skims PorcelainBackground
- HEX
- RGB
- HSL
- Skims OatSurface
- HEX
- RGB
- HSL
- Skims TaupeBorder
- HEX
- RGB
- HSL
- Skims EspressoText
- HEX
- RGB
- HSL
- Skims MochaSecondary text
- HEX
- RGB
- HSL
- Skims MistMuted text
- HEX
- RGB
- HSL
About Skims's colors
Skims' palette is built around warm, neutral tones to evoke comfort, inclusivity, and natural beauty. The colors are harmonious and muted, supporting the brand's minimalist aesthetic.
Primary and secondary colors are analogous, providing a seamless visual flow.
Accent colors are deeper neutrals for emphasis without harsh contrast.
Text and surface tones maintain legibility while reinforcing warmth.
Psychology
Warm neutrals are associated with approachability, calm, and confidence, aligning with Skims' brand values. The palette avoids stark contrasts to create a sense of softness and inclusivity.
Evolution
Skims' color palette has remained consistent since its launch, emphasizing stability and brand recognition. Minor adjustments have been made to expand the range of skin-inspired neutrals.
Where Skims uses each color
- Primary
Used for main branding elements, such as the logo and primary call-to-action buttons.
- Secondary
Appears in navigation bars, secondary buttons, and product highlights.
- Accent
Applied to promotional banners, hover states, and select packaging details.
- Backgrounds
Dominates website backgrounds and product photography backdrops.
- Text
TextPrimary is used for headlines and body text; textSecondary and textMuted for subheadings and captions.
- Semantic
Success, warning, error, and info colors are reserved for notifications, alerts, and status indicators in the UI.
Skims color questions
Hex codes, RGB values, neutrals and how to use the palette.
The official Skims brand color is Skims Sand, with the hex code #D7C3B4.
Skims Sand (#D7C3B4) in RGB is (215, 195, 180). For CMYK, it is approximately (0, 9, 16, 16).
Skims uses a range of neutrals including Skims Porcelain (#F7F3F0) for backgrounds and Skims Stone (#B7B6B2) for informational elements.
Use Skims Sand (#D7C3B4) for primary branding, with supporting neutrals for backgrounds and text. Accent and semantic colors should be reserved for emphasis and alerts to maintain the brand's minimalist look.
The secondary color is Skims Clay, #BFA99A, and the accent is Skims Sienna, #A28C7D. 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 Skims's colors consistently when it generates UI.
Make something in the spirit of Skims
Start from this palette's mood and get an original 13-color system for your own project, contrast-checked and ready to export.