Strawberry
#fb2943
Fruity red-rose orange, midtone warmer than highlights
About Strawberry
You can spot Strawberry on a UI mock by how it lands in that sweet spot between tomato-red intensity and soft strawberry warmth. It's lighter than the deeper cherry reds around it, and the undertone stays warm orange-leaning instead of drifting magenta-cool like Future Fuchsia. Compared with Red Flag and In the Red, it's less stop-sign disciplined and more like a friendlier "hot" red that still feels energetic, not anxious.
I use it for the moments where the interface needs attention without looking like an alarm. Think commerce and streaming highlights for primary buttons, playful badges, and media controls on creator dashboards. It's also great in sports and social media surfaces when you want critical but not emergency emphasis, and in gaming UI for loot callouts or matchmaking prompts that should feel bold, not harsh.
On white, it reads clean and inviting. On charcoal, it holds its warmth, but if you pair it with heavy black type, it can start to feel a bit sweet, so let the spacing and contrast do the work.
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.