Antique White#FAEDCD
Dark Salmon#D4A373
Silver#CCD5AE
Pearl#E9EDC9
Cornsilk#FEFAE0
Color Palette
#FAEDCD · #D4A373 · #CCD5AE · #E9EDC9 · #FEFAE0
analogous0 likes
Share
Export for Developers
:root {
--color-1: #FAEDCD;
--color-1-rgb: 250, 237, 205;
--color-1-hsl: 43, 82%, 89%;
--color-2: #D4A373;
--color-2-rgb: 212, 163, 115;
--color-2-hsl: 30, 53%, 64%;
--color-3: #CCD5AE;
--color-3-rgb: 204, 213, 174;
--color-3-hsl: 74, 32%, 76%;
--color-4: #E9EDC9;
--color-4-rgb: 233, 237, 201;
--color-4-hsl: 67, 50%, 86%;
--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#FAEDCD
On White
1.16:1Fail
On Black
18.06:1AAA
Aa
Aa
#D4A373
On White
2.26:1Fail
On Black
9.29:1AAA
Aa
Aa
#CCD5AE
On White
1.53:1Fail
On Black
13.7:1AAA
Aa
Aa
#E9EDC9
On White
1.21:1Fail
On Black
17.42: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
#FBF6E9
#E8D6C5
#F4F5EF
#F6F7ED
#FDFAE8
🌑
darker
· Reduced lightness, increased saturation
#F5CE6B
#B1702F
#A5B865
#CDD879
#FEED7B
🌫️
muted
· Desaturated for a calm, muted look
#F2E9D4
#B8A38E
#C2C3C1
#E1E2D4
#F9F7E6
⚡
vibrant
· Boosted saturation for maximum impact
#FFC533
#EE9944
#BBD85A
#D8EB47
#FFE433