Corona
#ffb437
Drier, golden amber accent for warm UI highlights
About Corona
Corona sits in that narrow zone where yellow stops being precious and starts being useful. It's warmer and more saturated than Buddha's Love Handles, but it doesn't have Amber's goldness or Beloved Sunflower's almost-apologetic glow. This one just works, it's got enough punch to read as intentional without the heat that makes people squint.
You'll land it on product pages, app dashboards, and marketing interfaces where you need a yellow that feels energetic but not exhausting. It pairs with darker neutrals better than the lighter versions do, and it won't wash out next to cream or taupe the way some golds will. Unlike Amber, which demands cooler backgrounds to not turn muddy, Corona holds itself together across a wider range of contexts.
The catch: test it at actual size and actual contrast before committing. It's saturated enough to push harder than the softer yellows, so if your background's already warm, dial back the usage or pair it with cooler grays instead. But on clean white or soft stone? It settles exactly where you need it.
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.