Walnut#7B5E3B
Clay#A27852
Sand#C9A67A
Apricot#E6CC9E
Antique White#F5ECD7
Color Palette
#7B5E3B · #A27852 · #C9A67A · #E6CC9E · #F5ECD7
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #7B5E3B;
--color-1-rgb: 123, 94, 59;
--color-1-hsl: 33, 35%, 36%;
--color-2: #A27852;
--color-2-rgb: 162, 120, 82;
--color-2-hsl: 29, 33%, 48%;
--color-3: #C9A67A;
--color-3-rgb: 201, 166, 122;
--color-3-hsl: 33, 42%, 63%;
--color-4: #E6CC9E;
--color-4-rgb: 230, 204, 158;
--color-4-hsl: 38, 59%, 76%;
--color-5: #F5ECD7;
--color-5-rgb: 245, 236, 215;
--color-5-hsl: 42, 60%, 90%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#7B5E3B
On White
5.99:1AA
On Black
3.51:1Fail
Aa
Aa
#A27852
On White
3.93:1Fail
On Black
5.34:1AA
Aa
Aa
#C9A67A
On White
2.28:1Fail
On Black
9.22:1AAA
Aa
Aa
#E6CC9E
On White
1.56:1Fail
On Black
13.5:1AAA
Aa
Aa
#F5ECD7
On White
1.18:1Fail
On Black
17.86: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
#AB9273
#C0AD9B
#E2D5C6
#F8F4EC
#F9F5EC
🌑
darker
· Reduced lightness, increased saturation
#392A18
#63462C
#A1733A
#D7A247
#E4C681
🌫️
muted
· Desaturated for a calm, muted look
#605C57
#7E7A77
#ACA295
#D4C7B0
#EDE9DE
⚡
vibrant
· Boosted saturation for maximum impact
#A86D24
#C8782D
#E2A050
#F4B13E
#F5BE3D