Olive#7C6A0A
Copper#BC6C25
Sandy Brown#DDA15E
Cornsilk#FEFAE0
Dark Olive Green#606C38
Color Palette
#7C6A0A · #BC6C25 · #DDA15E · #FEFAE0 · #606C38
analogous0 likes
Share
Export for Developers
:root {
--color-1: #7C6A0A;
--color-1-rgb: 124, 106, 10;
--color-1-hsl: 51, 85%, 26%;
--color-2: #BC6C25;
--color-2-rgb: 188, 108, 37;
--color-2-hsl: 28, 67%, 44%;
--color-3: #DDA15E;
--color-3-rgb: 221, 161, 94;
--color-3-hsl: 32, 65%, 62%;
--color-4: #FEFAE0;
--color-4-rgb: 254, 250, 224;
--color-4-hsl: 52, 94%, 94%;
--color-5: #606C38;
--color-5-rgb: 96, 108, 56;
--color-5-hsl: 74, 32%, 32%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#7C6A0A
On White
5.35:1AA
On Black
3.92:1Fail
Aa
Aa
#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
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
#CDB31D
#D8A06F
#EAD3B8
#FDFAE8
#93A06A
🌑
darker
· Reduced lightness, increased saturation
#1D1902
#693A11
#B67020
#FEED7B
#252A13
🌫️
muted
· Desaturated for a calm, muted look
#675C1E
#9A6D47
#C0A07C
#F9F7E6
#525350
⚡
vibrant
· Boosted saturation for maximum impact
#CCAD00
#DD6903
#FA9F38
#FFE433
#88A527