Clay#9C6644
Walnut#7F5539
Apricot#E6CCB2
Burlywood#DDB892
Stone#B08968

Color Palette

#9C6644 · #7F5539 · #E6CCB2 · #DDB892 · #B08968

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #9C6644;
  --color-1-rgb: 156, 102, 68;
  --color-1-hsl: 23, 39%, 44%;
  --color-2: #7F5539;
  --color-2-rgb: 127, 85, 57;
  --color-2-hsl: 24, 38%, 36%;
  --color-3: #E6CCB2;
  --color-3-rgb: 230, 204, 178;
  --color-3-hsl: 30, 51%, 80%;
  --color-4: #DDB892;
  --color-4-rgb: 221, 184, 146;
  --color-4-hsl: 30, 52%, 72%;
  --color-5: #B08968;
  --color-5-rgb: 176, 137, 104;
  --color-5-hsl: 27, 31%, 55%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#9C6644
On White
4.78:1AA
On Black
4.4:1Fail
Aa
Aa
#7F5539
On White
6.44:1AA
On Black
3.26:1Fail
Aa
Aa
#E6CCB2
On White
1.54:1Fail
On Black
13.64:1AAA
Aa
Aa
#DDB892
On White
1.85:1Fail
On Black
11.35:1AAA
Aa
Aa
#B08968
On White
3.17:1Fail
On Black
6.62:1AA
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