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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact