Eerie Black#3B2201
Olive#5A7A00
Olive#8DB600
Dark Khaki#C5E063
Beige#F0F7D4
Color Palette
#3B2201 · #5A7A00 · #8DB600 · #C5E063 · #F0F7D4
analogous0 likes
Share
Export for Developers
:root {
--color-1: #3B2201;
--color-1-rgb: 59, 34, 1;
--color-1-hsl: 34, 97%, 12%;
--color-2: #5A7A00;
--color-2-rgb: 90, 122, 0;
--color-2-hsl: 76, 100%, 24%;
--color-3: #8DB600;
--color-3-rgb: 141, 182, 0;
--color-3-hsl: 74, 100%, 36%;
--color-4: #C5E063;
--color-4-rgb: 197, 224, 99;
--color-4-hsl: 73, 67%, 63%;
--color-5: #F0F7D4;
--color-5-rgb: 240, 247, 212;
--color-5-hsl: 72, 69%, 90%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#3B2201
On White
14.84:1AAA
On Black
1.42:1Fail
Aa
Aa
#5A7A00
On White
4.98:1AA
On Black
4.22:1Fail
Aa
Aa
#8DB600
On White
2.38:1Fail
On Black
8.82:1AAA
Aa
Aa
#C5E063
On White
1.48:1Fail
On Black
14.22:1AAA
Aa
Aa
#F0F7D4
On White
1.11:1Fail
On Black
18.96: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
#995B0B
#9FD50B
#C5F42A
#E2ECBB
#F7FAEB
🌑
darker
· Reduced lightness, increased saturation
#190E00
#131900
#3F5200
#9ABD1F
#D4EB7A
🌫️
muted
· Desaturated for a calm, muted look
#33210A
#516812
#7E9C1C
#B4C47E
#EBEFDC
⚡
vibrant
· Boosted saturation for maximum impact
#CC7400
#96CC00
#9CCC00
#D1FC36
#D6FE34