La la Love
#bf90bb
Gentle warm lilac-pink for soft, airy panels
About La la Love
La la Love reads like a soft pink with a lilac-leaning coolness, but it stays much cleaner than Dripping Wisteria. Where Dripping Wisteria feels damp and violet-soaked, this one sits lighter and less saturated, so it doesn't pull you into purple territory. Compared with Pastel Purple, it has a pinker face and a firmer, more present glow. It also avoids Girl Power's more pushy, badge-like energy, so it lands in the "friendly highlight" lane instead of the "motivate me now" lane.
I use it when I want the UI to feel sweet without getting airy: onboarding cards for consumer wellness apps, product recommendation chips, and section headers on lifestyle and creator platforms. It's great for micro-interactions like active tabs, selected states, and progress accents where the user needs to notice, not brace. Pair it with crisp off-whites and cool greys for restraint, or with muted mauves when you want the pink to stay in control. the one you reach for when pink needs to read polished, not purple-heavy, and dashboards and media tiles benefit from a calmer highlight.
Quirk: because it's fairly light, thin borders can look wispy next to darker neutrals. Give it a slightly thicker stroke or let it live behind a tinted surface for better visual weight.
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.