Halloween Punch
#dd2211
Softer Halloween orange-red for bold but calm UI
About Halloween Punch
On my monitor, Halloween Punch looks like a Halloween poster red-orange that's been slightly sweetened. It has a hot orange undertone but it's not the straight commit of Chicken Comb or the sharper, alarm-leaning punch of Ferocious. Compared to Angry Tomato, it lifts out of the bruise-dark zone and stays brighter and more upbeat, less injury-first.
I use it when a CTA needs to feel seasonal and snackable without turning into siren energy. Think food delivery and grocery landing pages, entertainment promo tiles, checkout highlights, and product detail shots where you want warmth to read as appetizing. It's also great for campaign graphics on dark headers, because it holds presence without the heavier "warning" weight Angry Tomato carries.
Pair it with cocoa brown, near-black, or cool grays so the orange side stays controlled. If you drop it next to flatter oranges, it can feel like the louder sibling, so give it a little breathing room and let it lead.
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.