#FFE5EC
#FFC2D1
#FFB3C6
#FF8FAB
#FB6F92
Color Palette
#FFE5EC · #FFC2D1 · #FFB3C6 · #FF8FAB · #FB6F92
monochromatic0 likes
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
#FEE7ED
#FEE7ED
#FEE7ED
#FEE7ED
#FCD5DE
🌑
darker
· Reduced lightness, increased saturation
#FF80A2
#FF5C85
#FF4D79
#FF295E
#FF0544
🌫️
muted
· Desaturated for a calm, muted look
#FBE9EE
#F6CBD6
#F4BECB
#EEA0B3
#E5859D
⚡
vibrant
· Boosted saturation for maximum impact
#FF3369
#FF3366
#FF3366
#FF3366
#FF3366