Tangerine Tango
#ff9e4b
Orange-leaning, saturated midtone for contrast and charts
About Tangerine Tango
Tangerine Tango reads like a ripe orange held under daylight, not the thin squeeze of a lighter yellow-orange. It's noticeably more grounded and more orange-forward than Bittersweet, with none of that sharp, lean brightness that can feel a bit prickly. Compared to Double Dragon, it's slightly less "instant sticker pop" and more mellow in saturation, so it lands with warmth instead of punch.
In interface work, I use it when I need the one you reach for warmth that still feels confident. Great for interface alerts, product highlight pills, and CTAs in retail checkout, delivery tracking, and wellness dashboards where you want attention without the color shouting. Pair it with charcoal or deep slate type and it stays clean over white and light cream.
One quirk: on very cool screens it can lose some of its orange gravity and read more like generic amber, so sanity-check it in motion states next to your primary buttons.
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.