Shades of Gold: Names and Hex Codes
This is a practical reference for the most useful shades of gold, with accurate hex codes, RGB values, and notes on character and use. Gold is a warm yellow with a metallic association, so it reads as luxurious, premium, and celebratory — but small shifts toward orange, brown, pink, or green change it from rich antique to rose to muted olive-gold. Because screens cannot render true metallic shine, these hex values approximate gold’s color; design depth comes from gradients and contrast. Use the table below as a citable palette, then read on for how the shades group together.
For the symbolism behind the color, see gold color meaning; for a tricky warm comparison, read amber vs gold. The related warm metallics and neutrals are covered in our shades of silver and shades of beige references.
Shades of gold: full table
| Shade name | Hex | RGB | Notes |
|---|---|---|---|
| Gold | #FFD700 | 255, 215, 0 | CSS named gold; bright web gold. |
| Metallic Gold | #D4AF37 | 212, 175, 55 | Classic richer metallic gold. |
| Old Gold | #CFB53B | 207, 181, 59 | Muted antique yellow-gold. |
| Antique Gold | #C9A227 | 201, 162, 39 | Deeper aged gold; warm and dim. |
| Rose Gold | #B76E79 | 183, 110, 121 | Pinkish copper-gold; modern luxe. |
| Champagne | #F7E7CE | 247, 231, 206 | Pale warm gold; soft and elegant. |
| Amber | #FFBF00 | 255, 191, 0 | Warm orange-gold; vivid and rich. |
| Golden Yellow | #FFDF00 | 255, 223, 0 | Bright pure gold-yellow. |
| Golden Brown | #996515 | 153, 101, 21 | Deep bronzed gold; earthy. |
| Goldenrod | #DAA520 | 218, 165, 32 | CSS goldenrod; warm ochre-gold. |
| Pale Gold | #E6BE8A | 230, 190, 138 | Soft muted gold; like champagne. |
| Bronze | #CD7F32 | 205, 127, 50 | Brown-gold metallic; warm and deep. |
| Golden Poppy | #FCC200 | 252, 194, 0 | Saturated orange-gold. |
| Harvest Gold | #E1AD21 | 225, 173, 33 | Warm retro mustard-gold. |
| Vegas Gold | #C5B358 | 197, 179, 88 | Muted desaturated yellow-gold. |
| Satin Gold | #CBA135 | 203, 161, 53 | Brushed muted gold; soft sheen. |
| Peach Gold | #FFE5B4 | 255, 229, 180 | Pale peachy champagne tone. |
| Sunray Gold | #ECD540 | 236, 213, 64 | Bright sunny yellow-gold. |
| Aztec Gold | #B08D57 | 176, 141, 87 | Muted tan-gold; antique warmth. |
| Deep Champagne | #A67B5B | 166, 123, 91 | Warm tan-gold; soft and earthy. |
| Rose Champagne | #EFAF8C | 239, 175, 140 | Pinkish pale gold; soft blush. |
| Dusty Rose Gold | #C08081 | 192, 128, 129 | Muted mauve-pink gold. |
| Dark Gold | #856D4D | 133, 109, 77 | Deep muted bronzed gold. |
| Canary Gold | #FFEF00 | 255, 239, 0 | Brightest pure gold-yellow. |
| Champagne Gold | #AD8A56 | 173, 138, 86 | Tan-gold; popular jewelry finish. |
Classic and metallic golds
The defining golds are the metallics. Gold (#FFD700) is the bright CSS web color — clean and saturated, the gold of medals and stars. Metallic Gold (#D4AF37) is the richer, slightly deeper tone most designers reach for when they want gold to read as a real metal rather than a yellow, and Champagne Gold (#AD8A56) and Satin Gold (#CBA135) approximate brushed and softer finishes. Because no flat hex can show true shine, the trick with metallic gold is to imply it with a gradient running from a pale highlight to a deeper shadow tone; a single #D4AF37 fill reads as gold, but a gradient reads as gold leaf.
Antique and muted golds
Pull gold toward gray or olive and it ages gracefully. Old Gold (#CFB53B), Antique Gold (#C9A227), Vegas Gold (#C5B358), and Aztec Gold (#B08D57) are desaturated, dustier golds that feel historic and refined rather than flashy. These muted tones are the gold of heritage logos, vintage packaging, and understated luxury, where a bright #FFD700 would feel cheap. Dark Gold (#856D4D) and Deep Champagne (#A67B5B) sit at the deepest, most neutral end, behaving almost like warm tans — useful when you want the suggestion of gold without the gleam.
Warm amber and bronze golds
Push gold toward orange and brown and it deepens into richer territory. Amber (#FFBF00), Goldenrod (#DAA520), Golden Brown (#996515), and Bronze (#CD7F32) carry strong warmth that feels autumnal and cozy. Amber in particular sits right on the gold-orange boundary, which is why it is so often confused with gold — the amber vs gold comparison covers exactly where one ends and the other begins. Bronze is the metallic member of this group, a brown-gold that pairs naturally with copper and works as a deeper accent alongside true gold.
Rose gold and champagne tones
Add pink and you get the most contemporary golds. Rose Gold (#B76E79), Rose Champagne (#EFAF8C), and Dusty Rose Gold (#C08081) carry a copper-pink blush that has defined modern jewelry, tech, and wedding palettes for the past decade. At the pale end, Champagne (#F7E7CE), Pale Gold (#E6BE8A), and Peach Gold (#FFE5B4) read almost as warm off-whites with a golden glow, perfect for soft, elegant backgrounds and foil-effect text. These lighter golds give a palette warmth and a premium feel without the boldness of a full metallic.
Most popular shades of gold
The golds most people name and use are Gold (#FFD700) for a bright, celebratory tone, Metallic Gold (#D4AF37) for a realistic metal look, Old Gold (#CFB53B) for an antique feel, Rose Gold (#B76E79) for modern pink-gold luxury, and Champagne (#F7E7CE) for a soft, elegant accent. Together they cover bright through antique to pink and pale, which is why they anchor most premium, luxurious palettes.
How to use shades of gold in design
Gold signals luxury and celebration, so it works best as an accent rather than a dominant fill. Use metallic gold sparingly for logos, foil-effect text, dividers, and icons; use pale champagne and peach golds as soft backgrounds; and reserve amber and bronze for richer, autumnal palettes. Gold pairs beautifully with navy, black, deep green, burgundy, and white, evoking elegance, heritage, and reward. The main pitfalls are overuse and flatness: too much gold reads as gaudy, and a single flat hex reads as mustard yellow rather than metal. To suggest real gold on screen, use a gradient from a light highlight to a darker shadow, and place it against a dark ground like navy or black so it glows. A reliable approach treats gold as the jewel in an otherwise restrained palette — one rich neutral, one deep dark, and gold as the single accent. Because gold signals prestige and quality, it suits luxury, beauty, and premium event brands far better than a flat yellow would. For the psychology that makes gold read as valuable and prestigious, see color psychology.
Frequently Asked Questions
What is the hex code for gold?
The CSS named color “gold” is #FFD700 (RGB 255, 215, 0), a bright, saturated web gold. For a more realistic metallic gold use #D4AF37, and for an antique, muted gold use Old Gold (#CFB53B). Rose gold is #B76E79 and pale champagne gold is #F7E7CE.
What is the difference between amber and gold?
Amber (#FFBF00) is a warm orange-gold that leans clearly toward orange and reads as glowing and rich, while gold (#FFD700) is a brighter, more yellow tone associated with the metal. Amber feels warm and natural; gold feels metallic and luxurious. The two overlap closely in the warm gold-orange zone.
How do you make gold look metallic on screen?
Use a gradient rather than a flat fill: run from a pale highlight (around #F9F1C0) through a mid gold (#D4AF37) to a darker shadow (#9A7B2E). Placing the gold against a dark background like navy or black, and adding a thin lighter edge, makes it read as a reflective metal rather than yellow.
How many shades of gold are there?
Gold variations are effectively limitless because gold spans warm yellows, oranges, and pinks with varying saturation, but designers typically reference 20 to 30 named shades. This list includes 25 of the most recognized, from bright web gold through antique and amber tones to rose gold and champagne.
