Lavender#E8D5F5
Mauve#D5B8F0
Wisteria#BB8DE8
Amethyst#9B5FDE
Dark Orchid#7B2FBE

Color Palette

#E8D5F5 · #D5B8F0 · #BB8DE8 · #9B5FDE · #7B2FBE

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #E8D5F5;
  --color-1-rgb: 232, 213, 245;
  --color-1-hsl: 276, 62%, 90%;
  --color-2: #D5B8F0;
  --color-2-rgb: 213, 184, 240;
  --color-2-hsl: 271, 65%, 83%;
  --color-3: #BB8DE8;
  --color-3-rgb: 187, 141, 232;
  --color-3-hsl: 270, 66%, 73%;
  --color-4: #9B5FDE;
  --color-4-rgb: 155, 95, 222;
  --color-4-hsl: 268, 66%, 62%;
  --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
#E8D5F5
On White
1.38:1Fail
On Black
15.27:1AAA
Aa
Aa
#D5B8F0
On White
1.76:1Fail
On Black
11.94:1AAA
Aa
Aa
#BB8DE8
On White
2.6:1Fail
On Black
8.09:1AAA
Aa
Aa
#9B5FDE
On White
4.13:1Fail
On Black
5.09:1AA
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