Eerie Black#2E4600
Dark Olive Green#486B00
Yellow Green#A2C523
Walnut#7D4427
Jet#302B27
Color Palette
#2E4600 · #486B00 · #A2C523 · #7D4427 · #302B27
analogous0 likes
Share
Export for Developers
:root {
--color-1: #2E4600;
--color-1-rgb: 46, 70, 0;
--color-1-hsl: 81, 100%, 14%;
--color-2: #486B00;
--color-2-rgb: 72, 107, 0;
--color-2-hsl: 80, 100%, 21%;
--color-3: #A2C523;
--color-3-rgb: 162, 197, 35;
--color-3-hsl: 73, 70%, 45%;
--color-4: #7D4427;
--color-4-rgb: 125, 68, 39;
--color-4-hsl: 20, 52%, 32%;
--color-5: #302B27;
--color-5-rgb: 48, 43, 39;
--color-5-hsl: 27, 10%, 17%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#2E4600
On White
10.54:1AAA
On Black
1.99:1Fail
Aa
Aa
#486B00
On White
6.22:1AA
On Black
3.38:1Fail
Aa
Aa
#A2C523
On White
1.99:1Fail
On Black
10.55:1AAA
Aa
Aa
#7D4427
On White
7.7:1AAA
On Black
2.73:1Fail
Aa
Aa
#302B27
On White
14:1AAA
On Black
1.5:1Fail
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
#6EA509
#88C70A
#C4DB70
#B87351
#5E5E5E
🌑
darker
· Reduced lightness, increased saturation
#111900
#111900
#5B7010
#30190D
#0F0D0B
🌫️
muted
· Desaturated for a calm, muted look
#2B3D0B
#425B10
#8DA145
#644C40
#2B2B2B
⚡
vibrant
· Boosted saturation for maximum impact
#85CC00
#88CC00
#B4E600
#BA4A12
#8F623D