Jet#1B4D1B
Forest Green#2E7D32
Emerald#66BB6A
Ash#B5EAB5
Honeydew#F1FBF1

Color Palette

#1B4D1B · #2E7D32 · #66BB6A · #B5EAB5 · #F1FBF1

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #1B4D1B;
  --color-1-rgb: 27, 77, 27;
  --color-1-hsl: 120, 48%, 20%;
  --color-2: #2E7D32;
  --color-2-rgb: 46, 125, 50;
  --color-2-hsl: 123, 46%, 34%;
  --color-3: #66BB6A;
  --color-3-rgb: 102, 187, 106;
  --color-3-hsl: 123, 38%, 57%;
  --color-4: #B5EAB5;
  --color-4-rgb: 181, 234, 181;
  --color-4-hsl: 120, 56%, 81%;
  --color-5: #F1FBF1;
  --color-5-rgb: 241, 251, 241;
  --color-5-hsl: 120, 56%, 96%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#1B4D1B
On White
9.89:1AAA
On Black
2.12:1Fail
Aa
Aa
#2E7D32
On White
5.13:1AA
On Black
4.1:1Fail
Aa
Aa
#66BB6A
On White
2.36:1Fail
On Black
8.88:1AAA
Aa
Aa
#B5EAB5
On White
1.36:1Fail
On Black
15.4:1AAA
Aa
Aa
#F1FBF1
On White
1.06:1Fail
On Black
19.81: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