Rose vs Red: Soft vs Bold Red Tones
Compare Tailwind's rose and red for social, fashion, and alert-driven UIs.
Rose
#f43f5e
Pink-shifted red
Red
#ef4444
Pure true red
Side-by-Side Comparison
| Aspect | Rose | Red |
|---|---|---|
| Undertone | Pink undertone, softer | No undertone shift, pure red |
| Mood | Romantic, modern, engaging | Alarming, powerful, commanding |
| Pairs well with | Pink, orange, slate | Gray, yellow, white |
| Use case | Heart icons, social likes, dating | Form validation, alerts, delete |
| Best For | Social actions, likes, fashion | Error states, alerts, destructive actions |
Our Recommendation
Rose for social engagement and modern branding. Red for system errors and critical actions.
Tailwind Classes
Rose
Background: bg-rose-500
Text: text-rose-500
Border: border-rose-500
Red
Background: bg-red-500
Text: text-red-500
Border: border-red-500
#reds#rose#red#comparison