Eerie Black#10002B
Midnight Blue#240046
Indigo#3C096C
Indigo#5A189A
Dark Orchid#7B2FBE

Color Palette

#10002B · #240046 · #3C096C · #5A189A · #7B2FBE

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #10002B;
  --color-1-rgb: 16, 0, 43;
  --color-1-hsl: 262, 100%, 8%;
  --color-2: #240046;
  --color-2-rgb: 36, 0, 70;
  --color-2-hsl: 271, 100%, 14%;
  --color-3: #3C096C;
  --color-3-rgb: 60, 9, 108;
  --color-3-hsl: 271, 85%, 23%;
  --color-4: #5A189A;
  --color-4-rgb: 90, 24, 154;
  --color-4-hsl: 270, 73%, 35%;
  --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
#10002B
On White
19.87:1AAA
On Black
1.06:1Fail
Aa
Aa
#240046
On White
18.05:1AAA
On Black
1.16:1Fail
Aa
Aa
#3C096C
On White
14.51:1AAA
On Black
1.45:1Fail
Aa
Aa
#5A189A
On White
10.33:1AAA
On Black
2.03:1Fail
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

🌑

darker

· Reduced lightness, increased saturation

🌫️

muted

· Desaturated for a calm, muted look

vibrant

· Boosted saturation for maximum impact