Eerie Black#283618
Dark Olive Green#606C38
Cornsilk#FEFAE0
Sandy Brown#DDA15E
Copper#BC6C25

Color Palette

#283618 · #606C38 · #FEFAE0 · #DDA15E · #BC6C25

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #283618;
  --color-1-rgb: 40, 54, 24;
  --color-1-hsl: 88, 38%, 15%;
  --color-2: #606C38;
  --color-2-rgb: 96, 108, 56;
  --color-2-hsl: 74, 32%, 32%;
  --color-3: #FEFAE0;
  --color-3-rgb: 254, 250, 224;
  --color-3-hsl: 52, 94%, 94%;
  --color-4: #DDA15E;
  --color-4-rgb: 221, 161, 94;
  --color-4-hsl: 32, 65%, 62%;
  --color-5: #BC6C25;
  --color-5-rgb: 188, 108, 37;
  --color-5-hsl: 28, 67%, 44%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#283618
On White
12.87:1AAA
On Black
1.63:1Fail
Aa
Aa
#606C38
On White
5.68:1AA
On Black
3.7:1Fail
Aa
Aa
#FEFAE0
On White
1.05:1Fail
On Black
19.96:1AAA
Aa
Aa
#DDA15E
On White
2.25:1Fail
On Black
9.33:1AAA
Aa
Aa
#BC6C25
On White
3.95:1Fail
On Black
5.31: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