Eerie Black#3B2201
Olive#5A7A00
Olive#8DB600
Dark Khaki#C5E063
Beige#F0F7D4

Color Palette

#3B2201 · #5A7A00 · #8DB600 · #C5E063 · #F0F7D4

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #3B2201;
  --color-1-rgb: 59, 34, 1;
  --color-1-hsl: 34, 97%, 12%;
  --color-2: #5A7A00;
  --color-2-rgb: 90, 122, 0;
  --color-2-hsl: 76, 100%, 24%;
  --color-3: #8DB600;
  --color-3-rgb: 141, 182, 0;
  --color-3-hsl: 74, 100%, 36%;
  --color-4: #C5E063;
  --color-4-rgb: 197, 224, 99;
  --color-4-hsl: 73, 67%, 63%;
  --color-5: #F0F7D4;
  --color-5-rgb: 240, 247, 212;
  --color-5-hsl: 72, 69%, 90%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#3B2201
On White
14.84:1AAA
On Black
1.42:1Fail
Aa
Aa
#5A7A00
On White
4.98:1AA
On Black
4.22:1Fail
Aa
Aa
#8DB600
On White
2.38:1Fail
On Black
8.82:1AAA
Aa
Aa
#C5E063
On White
1.48:1Fail
On Black
14.22:1AAA
Aa
Aa
#F0F7D4
On White
1.11:1Fail
On Black
18.96: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