Eerie Black#2D0030
Indigo#5C1A5C
Purple#8E3A8E
Orchid#C47EC4
Lavender#EDDEED
Color Palette
#2D0030 · #5C1A5C · #8E3A8E · #C47EC4 · #EDDEED
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #2D0030;
--color-1-rgb: 45, 0, 48;
--color-1-hsl: 296, 100%, 9%;
--color-2: #5C1A5C;
--color-2-rgb: 92, 26, 92;
--color-2-hsl: 300, 56%, 23%;
--color-3: #8E3A8E;
--color-3-rgb: 142, 58, 142;
--color-3-hsl: 300, 42%, 39%;
--color-4: #C47EC4;
--color-4-rgb: 196, 126, 196;
--color-4-hsl: 300, 37%, 63%;
--color-5: #EDDEED;
--color-5-rgb: 237, 222, 237;
--color-5-hsl: 300, 29%, 90%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#2D0030
On White
18.19:1AAA
On Black
1.15:1Fail
Aa
Aa
#5C1A5C
On White
11.95:1AAA
On Black
1.76:1Fail
Aa
Aa
#8E3A8E
On White
6.68:1AA
On Black
3.15:1Fail
Aa
Aa
#C47EC4
On White
2.95:1Fail
On Black
7.13:1AAA
Aa
Aa
#EDDEED
On White
1.29:1Fail
On Black
16.27: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
#84078D
#A03BA0
#B875B8
#DFC8DF
#F5F0F5
🌑
darker
· Reduced lightness, increased saturation
#180019
#150515
#471A47
#9C409C
#CD98CD
🌫️
muted
· Desaturated for a calm, muted look
#250727
#4A2B4A
#6F586F
#A79AA7
#E6E6E6
⚡
vibrant
· Boosted saturation for maximum impact
#BE00CC
#BE0EBE
#AF1DAF
#DD55DD
#D55DD5