Honeydew#EFFAF4
Gainsboro#D3F9D8
Pale Green#B2F2BB
Light Green#8CE99A
Emerald#69DB7C
Color Palette
#EFFAF4 · #D3F9D8 · #B2F2BB · #8CE99A · #69DB7C
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #EFFAF4;
--color-1-rgb: 239, 250, 244;
--color-1-hsl: 147, 52%, 96%;
--color-2: #D3F9D8;
--color-2-rgb: 211, 249, 216;
--color-2-hsl: 128, 76%, 90%;
--color-3: #B2F2BB;
--color-3-rgb: 178, 242, 187;
--color-3-hsl: 128, 71%, 82%;
--color-4: #8CE99A;
--color-4-rgb: 140, 233, 154;
--color-4-hsl: 129, 68%, 73%;
--color-5: #69DB7C;
--color-5-rgb: 105, 219, 124;
--color-5-hsl: 130, 61%, 64%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#EFFAF4
On White
1.07:1Fail
On Black
19.65:1AAA
Aa
Aa
#D3F9D8
On White
1.15:1Fail
On Black
18.31:1AAA
Aa
Aa
#B2F2BB
On White
1.29:1Fail
On Black
16.31:1AAA
Aa
Aa
#8CE99A
On White
1.48:1Fail
On Black
14.24:1AAA
Aa
Aa
#69DB7C
On White
1.75:1Fail
On Black
12.02: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
#EDF8F2
#EAFBEC
#EAFAED
#E3F8E6
#C1EBC8
🌑
darker
· Reduced lightness, increased saturation
#9FE5BE
#75F085
#54E868
#30DF4A
#26BA3F
🌫️
muted
· Desaturated for a calm, muted look
#F3F7F5
#DAF1DD
#BEE4C3
#A0D4A8
#87C090
⚡
vibrant
· Boosted saturation for maximum impact
#45ED91
#33FF4E
#33FF4E
#35FD53
#3CF65B