Walnut#6D4C41
Gray#8D6E63
Stone#A1887F
Dark Gray#BCAAA4
Light Gray#D7CCC8

Color Palette

#6D4C41 · #8D6E63 · #A1887F · #BCAAA4 · #D7CCC8

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #6D4C41;
  --color-1-rgb: 109, 76, 65;
  --color-1-hsl: 15, 25%, 34%;
  --color-2: #8D6E63;
  --color-2-rgb: 141, 110, 99;
  --color-2-hsl: 16, 18%, 47%;
  --color-3: #A1887F;
  --color-3-rgb: 161, 136, 127;
  --color-3-hsl: 16, 15%, 56%;
  --color-4: #BCAAA4;
  --color-4-rgb: 188, 170, 164;
  --color-4-hsl: 15, 15%, 69%;
  --color-5: #D7CCC8;
  --color-5-rgb: 215, 204, 200;
  --color-5-hsl: 16, 16%, 81%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#6D4C41
On White
7.61:1AAA
On Black
2.76:1Fail
Aa
Aa
#8D6E63
On White
4.62:1AA
On Black
4.54:1AA
Aa
Aa
#A1887F
On White
3.31:1Fail
On Black
6.34:1AA
Aa
Aa
#BCAAA4
On White
2.23:1Fail
On Black
9.42:1AAA
Aa
Aa
#D7CCC8
On White
1.57:1Fail
On Black
13.36:1AAA
Aa
Aa

Contrast ratios calculated per WCAG 2.1. AA requires ≥4.5:1, AAA requires ≥7:1 for normal text.

Palette Variations

Palette Variations

Original

☀️

lighter

· Increased lightness, reduced saturation

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact