About Lavender Candy
Lavender Candy looks like cotton candy's calmer cousin, but with enough body to read clearly as pink-lavender instead of drifting toward pale. Compared with Candy Bar, it's less warm and less punchy, so it won't pull focus. And unlike Bubblegum Heart, it stays gentler in saturation and doesn't get that bubblegum brightness. Where Manga Pink still reads noticeably rosy on white, this one leans more cool-leaning lavender, with a softer, airier finish.
I use Lavender Candy for cards, buttons, and secondary UI in beauty apps, wellness products, and health onboarding. Think confirmations, step headers, and light emphasis pills where you want friendly warmth without feeling like you're adding "candy energy." It also works well on subtle form states in consumer health flows because it keeps the hierarchy calm even next to softer neutrals.
One quirk: on very warm backgrounds it can tilt more pink, so I'd test beside your cream tones if your UI palette runs cozy. Pair it with clean whites or neutral grays to keep that lavender identity crisp.
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.
