Opulent Orange
#f16640
Deeper opulent orange for confident, high-impact UI
About Opulent Orange
Opulent Orange looks like a polished terracotta coin under direct light, all glow and depth but without that sharp flare bite you get from Firecracker. Compared with Flaming Orange, it's less flame-tempered and more saturated, with a heavier orange core that stays orange instead of drifting toward a sunlit burn. Where Basketball feels mid-range and breathable, this shade lands a touch richer and weightier, closer to baked citrus than dusty coral.
I reach for it in dashboards and finance apps when you want a primary highlight that still feels grounded, like overdue flags, high-priority tags, payout-ready states, and "active" buttons that shouldn't look playful. It also works well for media tiles and streaming catalog badges when you need motion-friendly contrast that doesn't tip into ember territory. I especially like it as a brand accent over cream cards, where its warmer than pure white undertone reads intentional, not washed.
Keep it off huge full-bleed backgrounds unless you want the interface to feel a little more assertive than usual. With cool grays and clean off-whites it stays crisp, but with warm beige it can start to feel overly sunk into the page.
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.