Lily
#c19fb3
Dusty mauve-pink for warm, muted UI accents
About Lily
Lily looks like a soft blush-mauve that's been lightly dusted, not warmed to bubblegum and not cooled into lilac haze. On screen it reads more grounded than Novel Lilac, with a slightly lower-light feel and less "polished lift." Compared to Dripping Wisteria, it gives up the violet dampness and stays cleaner, more skin-like. And next to Pastel Lavender, it doesn't drift fully purple; it keeps a pink-led undertone that feels calmer and more settled.
I use Lily for product UI where you want a friendly background that still feels considered: beauty and skincare subscription settings, wellness onboarding panels, and caregiver education progress cards. It's also great for empty states in lifestyle apps, or section dividers in creator tools where you don't want the color to compete with copy. It's lighter than mauve accents but less airy than the most pastel lilacs, so it holds together when other pinks start to look washed out.
Pair it with warm creams or neutral taupes for harmony. If you stack it with crisp off-whites, keep your type a touch darker so the softness doesn't turn into haze.
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.