The Weight of Gold
#cdbb63
Muted olive-gold for calm charts and sidebars
About The Weight of Gold
The first thing I notice about The Weight of Gold is how it looks like a gilt edge that's been buffed and then left to mellow. It's greener than the other gold-leaning tones nearby, but it stays light and airy rather than turning into that dusty, settled yellow you get from deeper mixes. Compared to Luxurious, it holds more brightness and less brass-luster. Compared to Gold Vein, it reads less honeyed and more subdued, like the warmth has been cooled at the edges.
In practice, I reach for it when I need a premium signal without the usual "coin" punch: retail promo labels that feel refined, editorial section bars for craft and food magazines, and SaaS settings panels where the highlight needs to stay readable on clean whites. It also lands well for the one you reach for purchase CTAs and pricing chips when you want gold warmth with a green backbone.
One quirk: on very warm backgrounds it can drift slightly toward olive. Pair it with cooler sage or soft gray neutrals so it stays confident instead of muddy.
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 The Weight of Gold
Open the generator with this color pre-loaded.
Start creating