Eerie Black#3B1F0A
Walnut#7B4D2A
Peru#C4905A
Wheat#E8D5B7
Snow#FDFAF5
Color Palette
#3B1F0A · #7B4D2A · #C4905A · #E8D5B7 · #FDFAF5
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #3B1F0A;
--color-1-rgb: 59, 31, 10;
--color-1-hsl: 26, 71%, 14%;
--color-2: #7B4D2A;
--color-2-rgb: 123, 77, 42;
--color-2-hsl: 26, 49%, 32%;
--color-3: #C4905A;
--color-3-rgb: 196, 144, 90;
--color-3-hsl: 31, 47%, 56%;
--color-4: #E8D5B7;
--color-4-rgb: 232, 213, 183;
--color-4-hsl: 37, 52%, 81%;
--color-5: #FDFAF5;
--color-5-rgb: 253, 250, 245;
--color-5-hsl: 37, 67%, 98%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#3B1F0A
On White
15.15:1AAA
On Black
1.39:1Fail
Aa
Aa
#7B4D2A
On White
7.15:1AAA
On Black
2.94:1Fail
Aa
Aa
#C4905A
On White
2.81:1Fail
On Black
7.48:1AAA
Aa
Aa
#E8D5B7
On White
1.44:1Fail
On Black
14.63:1AAA
Aa
Aa
#FDFAF5
On White
1.04:1Fail
On Black
20.17: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
#8C5022
#B47E55
#D8C3AB
#F8F3ED
#FAF4EB
🌑
darker
· Reduced lightness, increased saturation
#160B03
#2F1C0E
#8C5D2C
#D4A963
#EFD09F
🌫️
muted
· Desaturated for a calm, muted look
#322215
#615042
#A28F7C
#D9D1C4
#FCFAF8
⚡
vibrant
· Boosted saturation for maximum impact
#CC5800
#B75B15
#E59238
#EDAD45
#FCB036