Why the CSS gold looks yellow
The keyword gold (#FFD700) is a bright, fully saturated yellow-orange. Real gold metal looks very different: darker, warmer, and constantly changing as light moves across it. That is why most designers use deeper tones, such as the named and antique golds above, and add highlights to suggest shine.
Faking a metallic gold
A flat color can't look metallic on its own, because metal is defined by highlights and reflections. A simple gradient does most of the work:
background: linear-gradient(135deg, #8A6E2F 0%, #D4AF37 45%, #F7E7A1 55%, #B8860B 100%);The pattern is dark, mid, a narrow light highlight, then mid-dark. Adjust the stops in the gradient generator until it looks right on your background.
Gold in print and on screen
Printers use metallic inks or foil for real gold; a CMYK mix will always look flat, like mustard. On screen, gold text needs enough contrast: bright golds on white usually fail, while gold on near-black or navy works well.
Pairings
Gold pairs naturally with black, navy, deep green, burgundy and cream. For related warm shades, see burnt orange, shades of orange and pastel yellow.