Toasty Gray

Name: Toasty Gray
Brand: Behr

N320-2 / Behr

#D3D7CA

A subtle, light grey that holds its own without overwhelming. Works across contemporary and transitional interiors.

Spec Sheet

Hex#D3D7CA

RGB211, 215, 202

HSL78°, 14%, 82%

On White 1.46:1 Fail

On Black 14.34:1 AAA

For AI Tools

Copy this snippet and paste it into any AI tool

Use these colors for all components:

Background: #EAECE4
Text: #293116
Accent: #D3D7CA
Support: #846CBC
Neutral: #ABBFA6

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

#EAECE4 background RGB 234 236 228

#293116 ink RGB 41 49 22

#D3D7CA accent RGB 211 215 202

#846CBC support RGB 132 108 188

#ABBFA6 neutral RGB 171 191 166

Processed in 0ms

CSS Variables

:root {
  --palette-background: #EAECE4;
  --palette-ink: #293116;
  --palette-accent: #D3D7CA;
  --palette-support: #846CBC;
  --palette-neutral: #ABBFA6;
}

Tailwind Config

{
  "palette-background": "#EAECE4",
  "palette-ink": "#293116",
  "palette-accent": "#D3D7CA",
  "palette-support": "#846CBC",
  "palette-neutral": "#ABBFA6"
}

Pro Exports Pro

Unlock for £4/month

Build a design system around Toasty Gray.