Gold
#ffd700
Drier, more golden yellow-green for sharp focus
About Gold
I keep Gold on my palette for that exact moment when a yellow stops looking like a highlight and starts acting like a material. It's noticeably cooler than Candlelight's deeper warmth, and less "sunburst" than Golden Period's softened, airy gold. Compared to Banana Pepper, it holds onto a denser, more sun-scorched punch instead of feeling bleached and mid-bright.
Use it for premium price emphasis and tier markers where you want attention without the honeyed glow of Candlelight. I like it in dashboards and finance apps as a single, confident accent for "verified," "gold status," or step-complete states. In ecommerce and retail media, it makes promo callouts read intentional, not bargain-bin, especially against near-black text.
Pair Gold with rich greens, charcoal, and off-whites. Let it do the talking. If you spread it too thin as a background wash, it can start to look flat next to the richer gold tones around 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.