Thistle#E0BBE4
Light Slate Gray#957DAD
Lilac#D291BC
Pastel Pink#FEC8D8
Antique White#FFDFD3
Color Palette
#E0BBE4 · #957DAD · #D291BC · #FEC8D8 · #FFDFD3
analogous0 likes
Share
Export for Developers
:root {
--color-1: #E0BBE4;
--color-1-rgb: 224, 187, 228;
--color-1-hsl: 294, 43%, 81%;
--color-2: #957DAD;
--color-2-rgb: 149, 125, 173;
--color-2-hsl: 270, 23%, 58%;
--color-3: #D291BC;
--color-3-rgb: 210, 145, 188;
--color-3-hsl: 320, 42%, 70%;
--color-4: #FEC8D8;
--color-4-rgb: 254, 200, 216;
--color-4-hsl: 342, 96%, 89%;
--color-5: #FFDFD3;
--color-5-rgb: 255, 223, 211;
--color-5-hsl: 16, 100%, 91%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#E0BBE4
On White
1.69:1Fail
On Black
12.4:1AAA
Aa
Aa
#957DAD
On White
3.61:1Fail
On Black
5.81:1AA
Aa
Aa
#D291BC
On White
2.47:1Fail
On Black
8.52:1AAA
Aa
Aa
#FEC8D8
On White
1.45:1Fail
On Black
14.47:1AAA
Aa
Aa
#FFDFD3
On White
1.25:1Fail
On Black
16.75: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
#F6EEF6
#C7C0CE
#EEDDE8
#FDE7EE
#FEEDE7
🌑
darker
· Reduced lightness, increased saturation
#C26CCB
#61467C
#BB4493
#FF6190
#FF936B
🌫️
muted
· Desaturated for a calm, muted look
#D4C8D5
#949494
#BCA9B6
#F5D0DC
#F8E1D8
⚡
vibrant
· Boosted saturation for maximum impact
#D54FE3
#945BCD
#E250B1
#FF3370
#FF6933