Strawberry Moon
#cf5570
Warm strawberry red for hero CTAs and headers
About Strawberry Moon
On my screen, Strawberry Moon reads like a ripe red with a soft blush edge, not a hot flare. It's lighter and less dense than Lipstick, so it feels more like a clear accent than a grounded primary. Compared to Cabaret, it gives fewer mauve cues and comes off warmer and fruitier. And unlike Peppermint Swirl, it doesn't tip into airy pink, so it keeps more weight at a glance.
I use it for dashboards and product surfaces where you want the button or state to feel human and urgent without drifting into wine or coral. It's a strong fit for e-commerce promo nudges, health and logistics progress steps, and fintech confirmation states that need to look decisive in motion and at smaller sizes. This is the one you reach for when the other reds feel either too mauve-serious (Cabaret) or too cool and floaty (Peppermint Swirl), while still landing as clearly red, not rose-magenta.
Pair it with cool grays or neutral whites and it stays true; against peachier backgrounds it can lean slightly more pink, so sanity-check your real header 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.