Jet#1C3D2E
Hunter Green#2A5C45
Sea Green#4A8C6F
Dark Sea Green#8BBF9F
Light Gray#C5DFD0

Color Palette

#1C3D2E · #2A5C45 · #4A8C6F · #8BBF9F · #C5DFD0

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #1C3D2E;
  --color-1-rgb: 28, 61, 46;
  --color-1-hsl: 153, 37%, 17%;
  --color-2: #2A5C45;
  --color-2-rgb: 42, 92, 69;
  --color-2-hsl: 152, 37%, 26%;
  --color-3: #4A8C6F;
  --color-3-rgb: 74, 140, 111;
  --color-3-hsl: 154, 31%, 42%;
  --color-4: #8BBF9F;
  --color-4-rgb: 139, 191, 159;
  --color-4-hsl: 143, 29%, 65%;
  --color-5: #C5DFD0;
  --color-5-rgb: 197, 223, 208;
  --color-5-hsl: 145, 29%, 82%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#1C3D2E
On White
11.96:1AAA
On Black
1.76:1Fail
Aa
Aa
#2A5C45
On White
7.73:1AAA
On Black
2.72:1Fail
Aa
Aa
#4A8C6F
On White
3.98:1Fail
On Black
5.27:1AA
Aa
Aa
#8BBF9F
On White
2.09:1Fail
On Black
10.05:1AAA
Aa
Aa
#C5DFD0
On White
1.42:1Fail
On Black
14.84: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