Recolorify
Sign inStart free →
DESIGN11 min read· Jun 22, 2026

The Ultimate Guide to Gold Color Codes, Hex Codes, and Shades of Gold

Gold is the color of luxury, achievement, and premium quality — it anchors jewelry, beauty, awards, and high-end packaging. Gold is special because it is really a metallic effect, not a flat color: its richness comes from the contrast between bright highlights and deep shadows. Whether you are a web designer matching co-brand assets, an e-commerce manager building variant listings, or a developer wiring up a design system, color codes are your shared language. In this guide we break down the hex codes, RGB coordinates, and LAB parameters for the most popular shades of gold, with practical tips on recoloring assets into these exact tones without quality loss.

The Ultimate Guide to Gold Color Codes, Hex Codes, and Shades of Gold

The most popular gold hex codes at a glance

If you just need a gold hex code to copy, start here. The single most-used value is #FFD700 — the CSS "gold" keyword — but that bright, flat yellow rarely looks like real metal. For anything that should read as gold, #D4AF37 (metallic gold) is the safer default. The full palette below covers every common gold from pale champagne to deep antique.

Interactive Gold Swatch Grid

Click any swatch to copy its Hex code to your clipboard and view its RGB/HSL conversions.

Gold (web / CSS)

the bright, pure CSS "gold" keyword.

Selected color: #FFD700

Gold in RGB, HSL, and CMYK

A hex code is just a compact way of writing an RGB triplet, so #D4AF37 and RGB(212, 175, 55) are the same color. But when you are matching print, CSS, or design-tool inputs, you often need the other notations too.

For metallic gold #D4AF37: RGB is (212, 175, 55); HSL is (46°, 65%, 52%) — a yellow hue, high saturation, mid lightness; and CMYK is roughly (0%, 17%, 74%, 17%), which is why gold is so hard to reproduce on a home printer (there is no metallic ink, only a matte yellow-brown approximation).

For pure web gold #FFD700: RGB(255, 215, 0), HSL(51°, 100%, 50%), CMYK(0%, 16%, 100%, 0%). The jump to 100% saturation and zero blue is exactly what makes it look flat rather than metallic.

Why hex alone isn't enough for recoloring

A hex code defines a target color, but it says nothing about the metallic highlights that make gold read as gold. A flat RGB fill produces a dull mustard, not a metal — because the shine lives entirely in the lightness contrast between the bright specular highlight and the deep shadow.

This is why perceptually-uniform spaces matter. LAB separates lightness (the L channel — the highlights and shadows of the metal) from the color itself (the A and B channels). Recoloring in LAB — and using a Lightness-preserving mode for glossy surfaces — lets you shift a metal to gold while its reflective highlights stay exactly where they were, so it still looks like polished metal instead of a sticker.

If you want the full theory on why lightness-preserving recoloring beats a flat fill, see our guide on preserving texture and shading when recoloring.

Best color pairings for gold

Gold is an accent, not a base. It reads as luxurious when it has room to breathe against a restrained background. These pairings are the most reliable starting points for packaging, logos, and product styling.

  • Gold + black (#0A0A0A) — the classic high-end contrast for luxury, beauty, and spirits.
  • Gold + deep navy (#0B1F3A) — regal and trustworthy; common in finance and heritage brands.
  • Gold + emerald green (#0F5132) — rich and jewel-toned for premium packaging.
  • Gold + cream / off-white (#FAF3E0) — soft, editorial, and wedding-friendly.
  • Gold + burgundy (#5C0A1E) — warm, opulent, and seasonal.

Matching brand golds across assets

Gold is the trickiest brand color to keep consistent because it depends so heavily on lighting and finish — matte vs. polished, warm vs. rose. Define each brand gold once — with a name, a hex, and a use case — and recolor every asset to that exact value rather than eyeballing it.

With Recolorify you can paste an exact gold hex and recolor a logo, a product photo, or any object in a photo to match it precisely, keeping the metallic highlights intact. Got a hex from the list above? Drop your image into Recolorify and recolor it to that exact gold in seconds — no Photoshop.

Frequently asked questions about gold color codes

What is the hex code for gold? The CSS keyword "gold" is #FFD700, but the more realistic metallic gold most designers reach for is #D4AF37.

What is the RGB code for gold? Metallic gold is RGB(212, 175, 55); pure web gold is RGB(255, 215, 0).

How do I make a metallic gold effect instead of a flat yellow? A flat hex fill can never look metallic on its own — the metal look comes from preserving the bright highlights and dark shadows. Recolor the object in a lightness-preserving mode so the original shine survives, rather than painting a single solid color over it.

What is the hex for rose gold? Rose gold is commonly #B76E79 — a soft pink-tinted gold. For a lighter, warmer version try champagne #F7E7CE.