Lavender#E8D5F5
Mauve#D5B8F0
Wisteria#BB8DE8
Amethyst#9B5FDE
Dark Orchid#7B2FBE
Color Palette
#E8D5F5 · #D5B8F0 · #BB8DE8 · #9B5FDE · #7B2FBE
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #E8D5F5;
--color-1-rgb: 232, 213, 245;
--color-1-hsl: 276, 62%, 90%;
--color-2: #D5B8F0;
--color-2-rgb: 213, 184, 240;
--color-2-hsl: 271, 65%, 83%;
--color-3: #BB8DE8;
--color-3-rgb: 187, 141, 232;
--color-3-hsl: 270, 66%, 73%;
--color-4: #9B5FDE;
--color-4-rgb: 155, 95, 222;
--color-4-hsl: 268, 66%, 62%;
--color-5: #7B2FBE;
--color-5-rgb: 123, 47, 190;
--color-5-hsl: 272, 60%, 46%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#E8D5F5
On White
1.38:1Fail
On Black
15.27:1AAA
Aa
Aa
#D5B8F0
On White
1.76:1Fail
On Black
11.94:1AAA
Aa
Aa
#BB8DE8
On White
2.6:1Fail
On Black
8.09:1AAA
Aa
Aa
#9B5FDE
On White
4.13:1Fail
On Black
5.09:1AA
Aa
Aa
#7B2FBE
On White
7.02:1AAA
On Black
2.99: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
#F4ECF9
#F2EBF9
#EDE3F7
#CFB7EB
#AB7DD4
🌑
darker
· Reduced lightness, increased saturation
#BD7FE6
#A35FE3
#8732DC
#661FB7
#45176D
🌫️
muted
· Desaturated for a calm, muted look
#E7DDEE
#D4C4E3
#BAA1D3
#9C7BC1
#785298
⚡
vibrant
· Boosted saturation for maximum impact
#AC3BF7
#9C38FA
#9937FB
#9237FB
#7C0CDF