Jet#432818
Sienna#99582A
Peru#BB9457
Apricot#E6CCB2
Cornsilk#FEFAE0
Color Palette
#432818 · #99582A · #BB9457 · #E6CCB2 · #FEFAE0
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #432818;
--color-1-rgb: 67, 40, 24;
--color-1-hsl: 22, 47%, 18%;
--color-2: #99582A;
--color-2-rgb: 153, 88, 42;
--color-2-hsl: 25, 57%, 38%;
--color-3: #BB9457;
--color-3-rgb: 187, 148, 87;
--color-3-hsl: 37, 42%, 54%;
--color-4: #E6CCB2;
--color-4-rgb: 230, 204, 178;
--color-4-hsl: 30, 51%, 80%;
--color-5: #FEFAE0;
--color-5-rgb: 254, 250, 224;
--color-5-hsl: 52, 94%, 94%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#432818
On White
13.5:1AAA
On Black
1.56:1Fail
Aa
Aa
#99582A
On White
5.55:1AA
On Black
3.78:1Fail
Aa
Aa
#BB9457
On White
2.81:1Fail
On Black
7.49:1AAA
Aa
Aa
#E6CCB2
On White
1.54:1Fail
On Black
13.64:1AAA
Aa
Aa
#FEFAE0
On White
1.05:1Fail
On Black
19.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
#85573D
#C68C62
#D2C2A7
#F7F2ED
#FDFAE8
🌑
darker
· Reduced lightness, increased saturation
#130B06
#4A2911
#7F602E
#D29960
#FEED7B
🌫️
muted
· Desaturated for a calm, muted look
#362C26
#7B5D47
#988D7C
#D7CCC1
#F9F7E6
⚡
vibrant
· Boosted saturation for maximum impact
#B55117
#BF570D
#DE9D35
#EC9946
#FFE433