Orange Piñata
#ff6611
Creamy orange-red midtone for soft contrast
About Orange Piñata
Orange Piñata reads like a fun carnival stamp that still has some bite. It's distinctly more saturated than Carrot, but it doesn't tip into Burning Orange's heavy fire depth. Compared with Halloween, it feels rounder and cleaner, less ember-sharp, so it lands friendlier without becoming pastel.
I use this shade for seasonal checkout moments where you want urgency that stays playful, plus streaming and food delivery tiles that need a confident highlight without looking like an alert. It's also great for fintech landing graphics and product settings screens where the orange should feel present but not burn through the layout. the one I reach for when the UI needs warmth and clarity at once, especially in mid-tone backgrounds.
Quirk: on very warm whites, it can skew slightly tangy and pull attention away from fine typography, so pair it with cooler grays or deeper browns if the text needs to stay calm. If you're choosing between it and Burning Orange, pick Piñata when you want "noticed," not "intense."
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.