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