Napa Wine

QE-63 / Behr
#5B3F48

A dark, subtle neutral with warm grounding. Pairs effortlessly with bolder accents without competing.

Spec Sheet

Hex#5B3F48
RGB91, 63, 72
HSL341°, 18%, 30%
On White 9.34:1 AAA
On Black 2.25:1 Fail

For AI Tools

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

Background: #EDE3E6
Text: #1F1417
Accent: #5B3F48
Support: #48B190
Neutral: #C1B6B3

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

#EDE3E6 background RGB 237 227 230
#1F1417 ink RGB 31 20 23
#5B3F48 accent RGB 91 63 72
#48B190 support RGB 72 177 144
#C1B6B3 neutral RGB 193 182 179
Processed in 0ms

CSS Variables

:root {
  --palette-background: #EDE3E6;
  --palette-ink: #1F1417;
  --palette-accent: #5B3F48;
  --palette-support: #48B190;
  --palette-neutral: #C1B6B3;
}

Tailwind Config

{
  "palette-background": "#EDE3E6",
  "palette-ink": "#1F1417",
  "palette-accent": "#5B3F48",
  "palette-support": "#48B190",
  "palette-neutral": "#C1B6B3"
}

Pro Exports Pro

Color Blindness Simulation

#424448
Protanopia
#494947
Deuteranopia
#603E42
Tritanopia

Build a design system around Napa Wine.