Romesco
#f48101
Romesco: deeper orange-peach with focused warmth
About Romesco
I keep seeing Romesco on product pages that want "menu energy" without the heavy burn. Compared to À l'Orange and Glorious Sunset, it's a bit more baked and earthy, less late-day bright. Compared with Habañero, it's less hot and less saturated in the immediate hit. The result is a warmer, steadier orange with a slightly calmer undertone, so it feels intentional instead of spicy.
This is the one you reach for when you need a filled button or active state that reads clearly over typical UI lighting, especially in food delivery and travel interfaces. Think order-confirmation banners, category chips, promo tiles, and small status badges. It also plays well in ecommerce places where you want momentum on thumbnails, but not the "too forward" punch you can get from Habañero.
One quirk: on very pale backgrounds, Romesco can look a touch more grounded than its yellow-neighbor cousins, so I like it with charcoal or a slightly deeper orange border rather than relying on thin outlines alone.
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.