Grizzle Gray

SW 7068 / Sherwin-Williams
#636562

An architectural, deep grey shade that reads differently in every light condition.

Spec Sheet

Hex#636562
RGB99, 101, 98
HSL100°, 2%, 39%
On White 5.89:1 AA
On Black 3.57:1 AA Large

For AI Tools

Copy this snippet and paste it into any AI tool
Use these colors for all components:

Background: #ECF0EA
Text: #172013
Accent: #636562
Support: #985FB4
Neutral: #B3C6B7

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 Grizzle Gray Palettes are free. Exports aren't.

#ECF0EA background RGB 236 240 234
#172013 ink RGB 23 32 19
#636562 accent RGB 99 101 98
#985FB4 support RGB 152 95 180
#B3C6B7 neutral RGB 179 198 183
Processed in 0ms

CSS Variables

:root {
  --palette-background: #ECF0EA;
  --palette-ink: #172013;
  --palette-accent: #636562;
  --palette-support: #985FB4;
  --palette-neutral: #B3C6B7;
}

Tailwind Config

{
  "palette-background": "#ECF0EA",
  "palette-ink": "#172013",
  "palette-accent": "#636562",
  "palette-support": "#985FB4",
  "palette-neutral": "#B3C6B7"
}

Pro Exports Pro

Color Blindness Simulation

#656462
Protanopia
#656462
Deuteranopia
#636564
Tritanopia

Build a design system around Grizzle Gray.