Olive#7C6A0A
Copper#BC6C25
Sandy Brown#DDA15E
Cornsilk#FEFAE0
Dark Olive Green#606C38

Color Palette

#7C6A0A · #BC6C25 · #DDA15E · #FEFAE0 · #606C38

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #7C6A0A;
  --color-1-rgb: 124, 106, 10;
  --color-1-hsl: 51, 85%, 26%;
  --color-2: #BC6C25;
  --color-2-rgb: 188, 108, 37;
  --color-2-hsl: 28, 67%, 44%;
  --color-3: #DDA15E;
  --color-3-rgb: 221, 161, 94;
  --color-3-hsl: 32, 65%, 62%;
  --color-4: #FEFAE0;
  --color-4-rgb: 254, 250, 224;
  --color-4-hsl: 52, 94%, 94%;
  --color-5: #606C38;
  --color-5-rgb: 96, 108, 56;
  --color-5-hsl: 74, 32%, 32%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

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