Pesto Rosso
#bb3333
Tomato-red orange for focused charts, less pop than Poppy
About Pesto Rosso
Pesto Rosso is the red-orange I see when a marinara-stained UI icon sits over dark gray, and it keeps its bite without sliding into the darker wine feel. It's not as neon-leaning as Hot Jazz, and it doesn't carry the sharper, cooler edge of Cadillac Coupe.
Compared to Lolita, it reads a touch more earthy and less stoplight-clean, with a slightly lower, more grounded lightness. That makes it a solid choice for retail ordering flows, restaurant POS screens, and streaming overlays where you need action text to stay legible but not look "too hot." I also like it for industrial labeling and logistics tiles where the CTA should feel confident, not frantic.
If your interface already uses warm reds heavily, throttle the saturation so it doesn't start competing with Bloodsport-adjacent tones. Pair it with charcoal, slate grays, or a muted cream for the cleanest separation.
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.
