Violet Kiss
#f0a0d1
Cooler, deeper pink-violet for crisp UI accents
About Violet Kiss
Violet Kiss reads like a soft magenta-leaning pink that's been tucked under a sheer lilac veil. It's not as glazed and controlled as Pearly Pink, and it doesn't feel as cottony or "sweet candy" as Candy Floss. What stands out is the temperature shift: it leans cooler and a touch more purple, so it carries a slightly hushed, intimate mood instead of the warmer blushiness.
In UI, I use it for premium-feeling emphasis when I still want friendliness. Think beauty and skincare product galleries, dating and social app profile highlights, and fashion/beauty cards where you want a more composed accent than Hanami Pink's airy daylight. It's great for pill buttons, tag chips, and promo banners on near-whites, because the violet undertone keeps it from turning chalky.
Pair it with clean whites and cool greiges, not very buttery creams, or it starts to muddy. If you need separation, give it a little breathing room and avoid pairing it with overly warm pinks next to it.
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.
