Dark Slate Gray#344E41
Hunter Green#3A5A40
Dim Gray#588157
Dark Sea Green#A3B18A
Light Gray#DAD7CD

Color Palette

#344E41 · #3A5A40 · #588157 · #A3B18A · #DAD7CD

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #344E41;
  --color-1-rgb: 52, 78, 65;
  --color-1-hsl: 150, 20%, 25%;
  --color-2: #3A5A40;
  --color-2-rgb: 58, 90, 64;
  --color-2-hsl: 131, 22%, 29%;
  --color-3: #588157;
  --color-3-rgb: 88, 129, 87;
  --color-3-hsl: 119, 19%, 42%;
  --color-4: #A3B18A;
  --color-4-rgb: 163, 177, 138;
  --color-4-hsl: 82, 20%, 62%;
  --color-5: #DAD7CD;
  --color-5-rgb: 218, 215, 205;
  --color-5-hsl: 46, 15%, 83%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#344E41
On White
9.08:1AAA
On Black
2.31:1Fail
Aa
Aa
#3A5A40
On White
7.73:1AAA
On Black
2.72:1Fail
Aa
Aa
#588157
On White
4.48:1Fail
On Black
4.69:1AA
Aa
Aa
#A3B18A
On White
2.28:1Fail
On Black
9.21:1AAA
Aa
Aa
#DAD7CD
On White
1.44:1Fail
On Black
14.58: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