Indigo#3A0068
Purple#6A0DAD
Amethyst#9B5FBE
Wisteria#C9A0DC
Lavender#EFE3F7
Color Palette
#3A0068 · #6A0DAD · #9B5FBE · #C9A0DC · #EFE3F7
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #3A0068;
--color-1-rgb: 58, 0, 104;
--color-1-hsl: 273, 100%, 20%;
--color-2: #6A0DAD;
--color-2-rgb: 106, 13, 173;
--color-2-hsl: 275, 86%, 36%;
--color-3: #9B5FBE;
--color-3-rgb: 155, 95, 190;
--color-3-hsl: 278, 42%, 56%;
--color-4: #C9A0DC;
--color-4-rgb: 201, 160, 220;
--color-4-hsl: 281, 46%, 75%;
--color-5: #EFE3F7;
--color-5-rgb: 239, 227, 247;
--color-5-hsl: 276, 56%, 93%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#3A0068
On White
15.22:1AAA
On Black
1.38:1Fail
Aa
Aa
#6A0DAD
On White
9.24:1AAA
On Black
2.27:1Fail
Aa
Aa
#9B5FBE
On White
4.4:1Fail
On Black
4.77:1AA
Aa
Aa
#C9A0DC
On White
2.2:1Fail
On Black
9.55:1AAA
Aa
Aa
#EFE3F7
On White
1.24:1Fail
On Black
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
#6F0AC2
#9D3AE4
#C7AED5
#F4EEF7
#F3ECF8
🌑
darker
· Reduced lightness, increased saturation
#0E0019
#2F044E
#673187
#A252C7
#C390E4
🌫️
muted
· Desaturated for a calm, muted look
#370F57
#64288F
#92819C
#C3B5C9
#EEE9F2
⚡
vibrant
· Boosted saturation for maximum impact
#7000CC
#7700CC
#A43EE0
#B54BE7
#AB41F1