Tyler Gray

CW-50 / Benjamin Moore
#C5BEAD

A mid-toned, warm neutral that reads differently against warm and cool companions.

Spec Sheet

Hex#C5BEAD
RGB197, 190, 173
HSL42°, 17%, 73%
On White 1.85:1 Fail
On Black 11.34:1 AAA

For AI Tools

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

Background: #EAE9E6
Text: #221E16
Accent: #C5BEAD
Support: #475B8A
Neutral: #C9CDB6

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

#EAE9E6 background RGB 234 233 230
#221E16 ink RGB 34 30 22
#C5BEAD accent RGB 197 190 173
#475B8A support RGB 71 91 138
#C9CDB6 neutral RGB 201 205 182
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAE9E6;
  --palette-ink: #221E16;
  --palette-accent: #C5BEAD;
  --palette-support: #475B8A;
  --palette-neutral: #C9CDB6;
}

Tailwind Config

{
  "palette-background": "#EAE9E6",
  "palette-ink": "#221E16",
  "palette-accent": "#C5BEAD",
  "palette-support": "#475B8A",
  "palette-neutral": "#C9CDB6"
}

Pro Exports Pro

Color Blindness Simulation

#C2BDAC
Protanopia
#C4BFAD
Deuteranopia
#C9BBB9
Tritanopia

Build a design system around Tyler Gray.