Ripasso
#94312f
Warm terracotta-red that reads less brown
About Ripasso
Ripasso looks like a tomato-leather coat that's been pressed warm but not aged to brown. It's darker than a typical orange, with a steady red-forward undertone that reads cleanly at a glance. Compared to Queen of Hearts, it keeps more orange in the mix so it doesn't lean ruby and tight; compared to Ketchup, it's less rusty and less spice-brown, so the red stays clearer and more focused.
I use it for dashboards and finance apps when the UI needs urgency without going full stoplight. Those little orange-red badges on subscription tiers, risk states in logistics portals, and red callouts in ecommerce editorials all land with the one you reach for energy: warm, readable, and intentional. It also works well in editorial layouts where you want emphasis that feels "handled," not fermented into brown.
One quirk: on very pale backgrounds it can feel a touch heavy, so give it breathing room and pair it with neutral grays or cocoa browns to keep it from turning flat.
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.