Dragon Ball
#ff9922
Burnt orange-gold warmth, sharper than nearby saffrons
About Dragon Ball
Dragon Ball reads like a bright orange-yellow snack caught under warm studio lights, not the deep zestiness of Deep Saffron and not the more aggressive, stop-you-in-your-tracks heat of Cheese Please. It's also a touch more yellow-leaning than Indian Saffron, with less of that fresh-peel richness and more of a clean, friendly glow.
What I like is how it feels lighter and less orange-heavy while staying punchy. It's my go-to the one you reach for when you want quick scanning in UI without tipping into traffic-cone territory. I end up using it for dashboards and finance apps where you're highlighting status chips, step progress, or checkout emphasis over busy imagery. It's also good for restaurant ordering tiles and logistics labels that need to pop, but still read as "help" not "alarm."
Tip: on very cool displays it can lose some warmth and look flatter next to richer ambers, so sanity-check alongside your primary grays and your brand accent neutrals.
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.