Kiss
#d28ca7
Soft rose-pink warmth with a fuller midtone
About Kiss
Kiss reads like a pale rose lipstick with the punch dialed down. It has a clear pink undertone, but it feels more light and airy than Foxy Pink, with less of that forward, lipstick-left-on-warmth energy. Compared to Exotic Lilac, Kiss stays decidedly pink, not lavender-cool, so it doesn't drift into the softer lilac quiet. And unlike Blush Bomb, it's less cool and less grounded, so it doesn't sit as heavily on the page.
I use Kiss for UI moments where you want "red family" warmth without the density: onboarding steps in beauty products, section highlights in patient intake forms, and gentle card headers in wellness apps. It's great for button states and toggles on light screens when you want the highlight to feel friendly, not confident. Pair it with warm creams for a fuller look, or crisp neutrals to keep it from getting too rosy.
One quirk: because it's lighter, it can fade beside deeper pinks and mauves. If you need hierarchy, bump contrast with typography weight or spacing rather than switching colors.
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.