Eerie Black#1B0033
Indigo#3B0764
Indigo#5A189A
Amethyst#9B72CF
Periwinkle#DBC9F0

Color Palette

#1B0033 · #3B0764 · #5A189A · #9B72CF · #DBC9F0

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #1B0033;
  --color-1-rgb: 27, 0, 51;
  --color-1-hsl: 272, 100%, 10%;
  --color-2: #3B0764;
  --color-2-rgb: 59, 7, 100;
  --color-2-hsl: 274, 87%, 21%;
  --color-3: #5A189A;
  --color-3-rgb: 90, 24, 154;
  --color-3-hsl: 270, 73%, 35%;
  --color-4: #9B72CF;
  --color-4-rgb: 155, 114, 207;
  --color-4-hsl: 266, 49%, 63%;
  --color-5: #DBC9F0;
  --color-5-rgb: 219, 201, 240;
  --color-5-hsl: 268, 57%, 86%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#1B0033
On White
19.19:1AAA
On Black
1.09:1Fail
Aa
Aa
#3B0764
On White
15:1AAA
On Black
1.4:1Fail
Aa
Aa
#5A189A
On White
10.33:1AAA
On Black
2.03:1Fail
Aa
Aa
#9B72CF
On White
3.68:1Fail
On Black
5.7:1AA
Aa
Aa
#DBC9F0
On White
1.54:1Fail
On Black
13.62: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