Golden Opportunity
#f7c070
Bright golden amber green for crisp highlights
About Golden Opportunity
Golden Opportunity looks like a sunlit label on a jar, the kind you spot across a counter. It's a golden yellow that stays noticeably softer than the brighter, more luminous Chanterelle, and it doesn't wander into the honey-cream gentleness of Honeyed Glow. Compared to Butterscotch Cake, it feels more direct and clear in the yellow direction, with less "toffee" depth.
I like it for interfaces where you need warmth with a green-family undertone but still want crisp separation from off-white. Think e-commerce product pages for sale badges and section headers, restaurant menus for promo callouts and grid accents, and SaaS onboarding screens where you want CTAs and step highlights to read intentional, not pale.
One thing to watch: because it's clearer and a bit more saturated than the softer neighbors, it can feel assertive beside very neutral warm grays. Pair it with deep olive or charcoal and it settles quickly, no drama.
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.
Similar colors
Create a gradient with Golden Opportunity
Open the generator with this color pre-loaded.
Start creating