Walnut#7F5539
Clay#9C6644
Burlywood#DDB892
Apricot#E6CCB2
Stone#B08968
Color Palette
#7F5539 · #9C6644 · #DDB892 · #E6CCB2 · #B08968
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #7F5539;
--color-1-rgb: 127, 85, 57;
--color-1-hsl: 24, 38%, 36%;
--color-2: #9C6644;
--color-2-rgb: 156, 102, 68;
--color-2-hsl: 23, 39%, 44%;
--color-3: #DDB892;
--color-3-rgb: 221, 184, 146;
--color-3-hsl: 30, 52%, 72%;
--color-4: #E6CCB2;
--color-4-rgb: 230, 204, 178;
--color-4-hsl: 30, 51%, 80%;
--color-5: #B08968;
--color-5-rgb: 176, 137, 104;
--color-5-hsl: 27, 31%, 55%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#7F5539
On White
6.44:1AA
On Black
3.26:1Fail
Aa
Aa
#9C6644
On White
4.78:1AA
On Black
4.4:1Fail
Aa
Aa
#DDB892
On White
1.85:1Fail
On Black
11.35:1AAA
Aa
Aa
#E6CCB2
On White
1.54:1Fail
On Black
13.64:1AAA
Aa
Aa
#B08968
On White
3.17:1Fail
On Black
6.62: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
#AE896F
#BE9D89
#F3EBE2
#F7F2ED
#CDBEB2
🌑
darker
· Reduced lightness, increased saturation
#3A2517
#583722
#CA853F
#D29960
#795639
🌫️
muted
· Desaturated for a calm, muted look
#635A54
#7A6E66
#C7B8A8
#D7CCC1
#8D8C8B
⚡
vibrant
· Boosted saturation for maximum impact
#AB5821
#BE5E23
#ED9945
#EC9946
#D28546