Goku Orange
#f0833a
Gives punchy, medium-light orange contrast, less peach
About Goku Orange
Picture an orange popsicle in midday light, but with a slightly deeper, more baked-in orange tone than you'd expect from a lighter "sun" orange. Goku Orange lands in the same yellow-family lane, yet it feels more punchy and less amber-brown than Glorious Sunset, and it doesn't drift peach-red like Bourbon Peach. Compared to À l'Orange, it keeps its heat cleaner and more orange-forward, without that extra yellow depth pulling it toward amber.
I use Goku Orange when the UI needs the one you reach for that still reads friendly at a glance. Think restaurant ordering highlight states, loyalty banners, ecommerce add-to-cart emphasis, and media or event tiles that need one clear callout among grays and warm neutrals. It works well in food and lifestyle interfaces where you want momentum without going too "burny."
One quirk: on pale backgrounds it can edge toward a stronger foreground feel than the nearby oranges, so I like it best with charcoal type or darker orange accents to keep the emphasis intentional.
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.
