Linen#FFE5EC
Pink#FFC2D1
Light Pink#FFB3C6
Hot Pink#FF8FAB
Light Coral#FB6F92

Color Palette

#FFE5EC · #FFC2D1 · #FFB3C6 · #FF8FAB · #FB6F92

monochromatic0 likes
Share

Export for Developers

:root {
  --color-1: #FFE5EC;
  --color-1-rgb: 255, 229, 236;
  --color-1-hsl: 344, 100%, 95%;
  --color-2: #FFC2D1;
  --color-2-rgb: 255, 194, 209;
  --color-2-hsl: 345, 100%, 88%;
  --color-3: #FFB3C6;
  --color-3-rgb: 255, 179, 198;
  --color-3-hsl: 345, 100%, 85%;
  --color-4: #FF8FAB;
  --color-4-rgb: 255, 143, 171;
  --color-4-hsl: 345, 100%, 78%;
  --color-5: #FB6F92;
  --color-5-rgb: 251, 111, 146;
  --color-5-hsl: 345, 95%, 71%;
}

Real World Preview

Get Started

Accessibility

WCAG Accessibility Report

Excellent
#FFE5EC
On White
1.19:1Fail
On Black
17.67:1AAA
Aa
Aa
#FFC2D1
On White
1.51:1Fail
On Black
13.89:1AAA
Aa
Aa
#FFB3C6
On White
1.68:1Fail
On Black
12.52:1AAA
Aa
Aa
#FF8FAB
On White
2.15:1Fail
On Black
9.77:1AAA
Aa
Aa
#FB6F92
On White
2.7:1Fail
On Black
7.79: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