Valentine’s Kiss
#b63364
Richer warm magenta-red for romantic focal accents
About Valentine’s Kiss
Valentine's Kiss reads like a deliberate love-red with a softer, warmer middle, not the rose-petal glow of Hibiscus and not the purple-tilted punch of Spicy Purple. Compared to Cry of a Rose, it holds onto warmth and feels a touch more settled, less "cool oversight" and more "in the moment" attention.
I use it when the UI needs red direction without that crisp, corrective chill. It's my pick for primary action buttons and saved or active toggles in consumer apps, especially where you're guiding decisions in e-commerce flows, food and ride-hailing platforms, or creator tooling that cycles through "start" and "confirm" states. It also works well for media playback UI where you want energy that doesn't tip into alarm.
One quirk: on backgrounds that are already rosy, it can look slightly muted. Give it neutral or subtly cool surfaces so the warmth stays legible.
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.