Linen#FFF0EE
Pastel Pink#FADADD
Light Pink#F5B8B5
Dark Salmon#E8979A
Pale Violet Red#C87B84
Color Palette
#FFF0EE · #FADADD · #F5B8B5 · #E8979A · #C87B84
monochromatic0 likes
Share
Export for Developers
:root {
--color-1: #FFF0EE;
--color-1-rgb: 255, 240, 238;
--color-1-hsl: 7, 100%, 97%;
--color-2: #FADADD;
--color-2-rgb: 250, 218, 221;
--color-2-hsl: 354, 76%, 92%;
--color-3: #F5B8B5;
--color-3-rgb: 245, 184, 181;
--color-3-hsl: 3, 76%, 84%;
--color-4: #E8979A;
--color-4-rgb: 232, 151, 154;
--color-4-hsl: 358, 64%, 75%;
--color-5: #C87B84;
--color-5-rgb: 200, 123, 132;
--color-5-hsl: 353, 41%, 63%;
}Real World Preview
Get Started
Accessibility
WCAG Accessibility Report
Excellent#FFF0EE
On White
1.11:1Fail
On Black
18.95:1AAA
Aa
Aa
#FADADD
On White
1.3:1Fail
On Black
16.14:1AAA
Aa
Aa
#F5B8B5
On White
1.69:1Fail
On Black
12.41:1AAA
Aa
Aa
#E8979A
On White
2.25:1Fail
On Black
9.32:1AAA
Aa
Aa
#C87B84
On White
3.17:1Fail
On Black
6.62:1AA
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
#FEE9E7
#FBEAEC
#FBEBEA
#F9EBEC
#E1C6C9
🌑
darker
· Reduced lightness, increased saturation
#FF978A
#F17E89
#EE6059
#DB3D42
#A03B47
🌫️
muted
· Desaturated for a calm, muted look
#FDF3F2
#F4E1E3
#E9C5C3
#D5AAAB
#AB9699
⚡
vibrant
· Boosted saturation for maximum impact
#FF4B33
#FF3347
#FF3D33
#F93940
#E15161