Opulent Orange

#f16640

Deeper opulent orange for confident, high-impact UI

Save
Share

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 . Compared with , 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.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

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

Aa
3.13:1FailAA Large

On Gray 100 #f5f5f5

Aa
2.87:1Fail

On Gray 900 #18181b

Aa
5.66:1AAAAA Large

On Black #000000

Aa
6.71:1AAAAA Large

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

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

Create a gradient with Opulent Orange

Open the generator with this color pre-loaded.

Start creating