La la Love

#bf90bb

Gentle warm lilac-pink for soft, airy panels

Save
Share

About La la Love

La la Love reads like a soft pink with a lilac-leaning coolness, but it stays much cleaner than . Where feels damp and violet-soaked, this one sits lighter and less saturated, so it doesn't pull you into purple territory. Compared with , it has a pinker face and a firmer, more present glow. It also avoids '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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
2.65:1Fail

On Gray 100 #f5f5f5

Aa
2.43:1Fail

On Gray 900 #18181b

Aa
6.68:1AAAAA Large

On Black #000000

Aa
7.92:1AAA

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with La la Love

Open the generator with this color pre-loaded.

Start creating