Habañero Gold
#fecf3c
Honeyed yellow-gold warmth with sharper, punchier clarity
About Habañero Gold
Hold a Habañero Gold swatch next to a banana-shaped yellow and you'll feel the difference fast. This one is lighter, but it doesn't go soft or chalky. The undertone pulls distinctly toward orange-gold, so it reads more sun-warmed than the greener, steadier golds like Golden Goose, and it's less lemony and less "pure yellow" than Anna Banana.
What I reach for is a CTA color that looks like it has heat behind it without turning into an alarm. In education apps it can anchor step-by-step progress with a friendlier urgency than the crisper yellows. In food delivery and marketplace UI, it works for highlights and pricing callouts where you want attention that still feels readable on light layouts. Compared with Bumblebee, Habañero Gold is more mellow and round, not sharp or electric.
Pair it with deep olive, espresso, or near-blacks so the orange undertone stays confident instead of flattening into background warmth.
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.
