Linen#F7EFE5
Pearl#E8D5C4
Sand#C9A882
Moss Green#8B7355
Jet#4A3728
Color Palette
#F7EFE5 · #E8D5C4 · #C9A882 · #8B7355 · #4A3728
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #F7EFE5;
--color-1-rgb: 247, 239, 229;
--color-1-hsl: 33, 53%, 93%;
--color-2: #E8D5C4;
--color-2-rgb: 232, 213, 196;
--color-2-hsl: 28, 44%, 84%;
--color-3: #C9A882;
--color-3-rgb: 201, 168, 130;
--color-3-hsl: 32, 40%, 65%;
--color-4: #8B7355;
--color-4-rgb: 139, 115, 85;
--color-4-hsl: 33, 24%, 44%;
--color-5: #4A3728;
--color-5-rgb: 74, 55, 40;
--color-5-hsl: 26, 30%, 22%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#F7EFE5
On White
1.14:1Fail
On Black
18.43:1AAA
Aa
Aa
#E8D5C4
On White
1.42:1Fail
On Black
14.75:1AAA
Aa
Aa
#C9A882
On White
2.23:1Fail
On Black
9.41:1AAA
Aa
Aa
#8B7355
On White
4.49:1Fail
On Black
4.68:1AA
Aa
Aa
#4A3728
On White
11.24:1AAA
On Black
1.87: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
#F8F3ED
#F7F2EE
#E4DACD
#B0A496
#816856
🌑
darker
· Reduced lightness, increased saturation
#E2BE92
#D0A076
#A6763F
#4F3F2B
#110C08
🌫️
muted
· Desaturated for a calm, muted look
#F1EEE9
#DCD6D0
#AFA69D
#707070
#383838
⚡
vibrant
· Boosted saturation for maximum impact
#EEA144
#E4944E
#E09E52
#AD7634
#A35E29