Shagreen

Name: Shagreen
Brand: Sherwin-Williams

SW 6422 / Sherwin-Williams

#CBC99D

A honeyed, muted yellow tone providing a reliable foundation for layered colour stories.

Spec Sheet

Hex#CBC99D

RGB203, 201, 157

HSL57°, 31%, 71%

On White 1.7:1 Fail

On Black 12.38:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EDEDE8
Text: #343219
Accent: #CBC99D
Support: #585DB6
Neutral: #D0DAC3

Rules:
- Use Background for surfaces and canvas
- Use Ink for body text and icons
- Never use Accent as body text — contrast is too low
- Maintain 4.5:1 minimum contrast for normal text

Learn more about AI Palette

Design System from Shagreen Palettes are free. Exports aren't.

#EDEDE8 background RGB 237 237 232

#343219 ink RGB 52 50 25

#CBC99D accent RGB 203 201 157

#585DB6 support RGB 88 93 182

#D0DAC3 neutral RGB 208 218 195

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EDEDE8;
  --palette-ink: #343219;
  --palette-accent: #CBC99D;
  --palette-support: #585DB6;
  --palette-neutral: #D0DAC3;
}

Tailwind Config

{
  "palette-background": "#EDEDE8",
  "palette-ink": "#343219",
  "palette-accent": "#CBC99D",
  "palette-support": "#585DB6",
  "palette-neutral": "#D0DAC3"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Shagreen.