Thistle#E0BBE4
Light Slate Gray#957DAD
Lilac#D291BC
Pastel Pink#FEC8D8
Antique White#FFDFD3

Color Palette

#E0BBE4 · #957DAD · #D291BC · #FEC8D8 · #FFDFD3

analogous0 likes
Share

Export for Developers

:root {
  --color-1: #E0BBE4;
  --color-1-rgb: 224, 187, 228;
  --color-1-hsl: 294, 43%, 81%;
  --color-2: #957DAD;
  --color-2-rgb: 149, 125, 173;
  --color-2-hsl: 270, 23%, 58%;
  --color-3: #D291BC;
  --color-3-rgb: 210, 145, 188;
  --color-3-hsl: 320, 42%, 70%;
  --color-4: #FEC8D8;
  --color-4-rgb: 254, 200, 216;
  --color-4-hsl: 342, 96%, 89%;
  --color-5: #FFDFD3;
  --color-5-rgb: 255, 223, 211;
  --color-5-hsl: 16, 100%, 91%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#E0BBE4
On White
1.69:1Fail
On Black
12.4:1AAA
Aa
Aa
#957DAD
On White
3.61:1Fail
On Black
5.81:1AA
Aa
Aa
#D291BC
On White
2.47:1Fail
On Black
8.52:1AAA
Aa
Aa
#FEC8D8
On White
1.45:1Fail
On Black
14.47:1AAA
Aa
Aa
#FFDFD3
On White
1.25:1Fail
On Black
16.75: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