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
#3F8D3F
#5FB464
#B4D5B6
#ECF8EC
#ECF8EC
🌑
darker
· Reduced lightness, increased saturation
#061406
#113613
#36873A
#5FD85F
#9CE79C
🌫️
muted
· Desaturated for a calm, muted look
#2A3C2A
#49654A
#899A89
#C2DBC2
#F2F7F2
⚡
vibrant
· Boosted saturation for maximum impact
#16B616
#18B420
#47DC4E
#41F141
#41F141