Girl Crush
#d1c0dc
Muted mauve-lilac for calm, assertive purple accents
About Girl Crush
Girl Crush looks like a polished mauve-lilac pressed onto smooth paper, with less haze than Foggy Love and no powder drift like Dust of the Moon. Compared to Beefy Pink, it stays clearly cooler and more "purple first," less gray-mauve and more tinted lavender blush.
I use it when I need a cool-toned purple background that still feels substantial, not thin or smoky. In skincare and beauty product pages, it holds up behind hero images and keeps labels readable without feeling sterile. It's also a great fit for community and wellness apps when you want a girl-crush identity in section headers, empty states, or step-by-step onboarding screens. For design systems, it behaves well in mid-weight UI surfaces where you want warmth from the undertone but restraint in the overall mood.
One caution: because it's saturated enough to "show up," pair it with crisp whites or true cool grays, otherwise it can start flirting with mauve-beige neutrals.
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.