Gold on screen is a warm yellow-brown, not a metal: the impression of metal comes from stepping several tones of it side by side. #D4AF37 is the shade most often called metallic gold. Copy the HEX codes from any scheme below, or generate a harmonious gold palette anchored to a base colour you pick.
Classic Gold is the widest, from a bronze #6B4F1D to an almost pure yellow #E6C200. Rich Gold is fully saturated at every dark step (#3D2E00, #7A5C00, #B08D00), which is what gives it depth. Champagne Gold is the pale version and the only one that works as a background.
#6B4F1D#8B6914#B8860B#D4AF37#E6C200#3D2E00#7A5C00#B08D00#D4AF37#F1D774#FBF3D5#F0E1B0#E3CB8B#D4AF37#C9A227Anchored to a gold base — press Space or Generate to roll more schemes. Click a swatch to copy its HEX, lock one to keep it while the rest re-roll, then export as CSS, JSON or HEX.
Drag in the colour area or the hue bar, or type a HEX / RGB value, then build a scheme anchored to it.
Gold needs a dark ground to read as metal — black, deep burgundy or a near-black green all work, while a cream ground turns it flat and yellow instead. Awards, wedding invitations, spirits labels and luxury packaging are its usual homes. For the earthier, less bright relative see mustard.
:root block with each colour as a custom property (--color-1, --color-2 and so on), or copy a single HEX straight from any swatch above. The Rich Gold row above is a second ready-made option — #3D2E00, #F1D774 and the three steps between them — if you would rather not generate at all. The generator itself rolls around #D4AF37, the base gold for this page. Use Copy JSON for an array or Copy HEX for a comma-separated line if custom properties are not how your project stores colour.More palettes: Mustard palette · Yellow palette · Peach palette · all colours