Eerie Black#283618
Dark Olive Green#606C38
Cornsilk#FEFAE0
Sandy Brown#DDA15E
Copper#BC6C25
Color Palette
#283618 · #606C38 · #FEFAE0 · #DDA15E · #BC6C25
analogous0 likes
Share
Export for Developers
:root {
--color-1: #283618;
--color-1-rgb: 40, 54, 24;
--color-1-hsl: 88, 38%, 15%;
--color-2: #606C38;
--color-2-rgb: 96, 108, 56;
--color-2-hsl: 74, 32%, 32%;
--color-3: #FEFAE0;
--color-3-rgb: 254, 250, 224;
--color-3-hsl: 52, 94%, 94%;
--color-4: #DDA15E;
--color-4-rgb: 221, 161, 94;
--color-4-hsl: 32, 65%, 62%;
--color-5: #BC6C25;
--color-5-rgb: 188, 108, 37;
--color-5-hsl: 28, 67%, 44%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#283618
On White
12.87:1AAA
On Black
1.63:1Fail
Aa
Aa
#606C38
On White
5.68:1AA
On Black
3.7:1Fail
Aa
Aa
#FEFAE0
On White
1.05:1Fail
On Black
19.96:1AAA
Aa
Aa
#DDA15E
On White
2.25:1Fail
On Black
9.33:1AAA
Aa
Aa
#BC6C25
On White
3.95:1Fail
On Black
5.31:1AA
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
#5B7240
#93A06A
#FDFAE8
#EAD3B8
#D8A06F
🌑
darker
· Reduced lightness, increased saturation
#0D1207
#252A13
#FEED7B
#B67020
#693A11
🌫️
muted
· Desaturated for a calm, muted look
#262923
#525350
#F9F7E6
#C0A07C
#9A6D47
⚡
vibrant
· Boosted saturation for maximum impact
#6BAB21
#88A527
#FFE433
#FA9F38
#DD6903