Pastel Lavender
#d8a1c4
Cooler, softer lavender-pink for calm airy layouts
About Pastel Lavender
On a mockup, Pastel Lavender reads like a fresh coat on a soft purple wall, not a rosy pink. Compared with Girl Power, it doesn't have that firmer, sport-momentum attitude, and it also avoids the gentler "backup and breathe" feel of Blushing Sky. Where Candy Floss stays pink-forward and friendly, this one tilts cooler with a slightly more airy, lilac undertone.
I use it for girls' mentorship and education surfaces when you want encouragement to feel calm but still purposeful. It's great on empty states, soft-focus cards, and section headers in lifestyle and beauty apps where you want something that looks polished without reaching for the deeper Bubblegum-style push. On screens full of creamy neutrals, it stays readable and doesn't fight the warmth.
Quirk: it can disappear next to creamier pinks, so give it contrast with cooler grays or crisp whites, and keep border lines a touch thicker when it's doing UI separation.
Code snippets
Copy this color into your project.
Contrast checker
WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.
On White #ffffff
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
Variations
Shades
Darker variations, created by mixing toward black.
Tints
Lighter variations, created by mixing toward white.
Tones
Muted variations, created by reducing saturation.
Hues
Hue rotations around the color wheel.
Temperatures
Warm and cool shifts of this color.
Color harmonies
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.
