Foggy Love
#d5c7e8
Light lilac haze for airy, subtle purple UI
About Foggy Love
Foggy Love looks like a love-note lavender pulled slightly out of focus. Compared to the cooler, grayed mist of Foggy Plateau, this one doesn't feel smoky or distant. It's lighter and less plateau-like, with a softer lilac bloom that stays readable. And compared to Innocent Snowdrop, it has more body, so it doesn't float as cleanly over the page.
In UI, I reach for Foggy Love when I want light purple identity without that "tissue paper" thinness you get from Innocent Snowdrop. It works great for skincare and lifestyle product landing pages, especially behind product carousels and form steps where you need calm but not forgettable. In app surfaces for wellness and community brands, it keeps the header space gentle while letting copy and icons hold their edge. It's also a nice choice for editorial-style packaging mockups where you want soft romance that still photographs evenly.
Caution: it can compete with pink-beige neutrals like Beefy Pink, so keep it paired with true cool grays or clean whites for best separation.
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.
