Piment Piquant
#cc2200
Tomato-bright orange-red for alert UI accents
About Piment Piquant
Piment Piquant looks like a fresh chili pepper crushed on a cutting board, that sharp orange-red you get before it turns smoky or settles into darker wine. Compared to Pizza Flame, it's less "edge-of-the-oven" playful and more direct, with a cleaner, higher-energy surface. Next to Lionheart, it gives up some of that disciplined depth and feels more orange-forward and punchy, not stern.
This is the one you reach for when you need a primary orange-red that stays crisp in UI motion without tipping into flare-red urgency. I use it for food and beverage labels, flavor tags, and "limited batch" badges where the color has to read like heat, not like warning. It also works well for e-commerce CTA chips and category headers in retail apps, where it needs to feel appetizing and immediate, not brothy or cooled like Minestrone.
Quirk: on very dark panels it can look slightly more saturated than you expect, so I like balancing it with charcoals or muted creams to keep the mood controlled.
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.