18 Different Shades of Gold (+ HEX codes)

Explore all shades of gold, from lighter to darker shades. See HEX codes, shade names, and gold color palettes. Click any shade to copy its HEX code.

Gold on a screen is a yellow that behaves like metal only if the surroundings help: a dark background, restrained use, and no second bright colour competing.

For print it is usually a foil or a metallic ink; the HEX below is what stands in for it on screen.

buttery white
#fffceb
baja white
#fff8d2
buttermilk
#fff5ba
vis vis
#fff1a1
salomie
#ffed89
kournikova
#ffea70
mustard
#ffe658
bright sun
#ffe240
candlelight
#ffdf27
gold
#f5d100
corn
#ddbc00
buddha gold
#c4a700
pirate gold
#ac9200
olive
#947d00
verdun green
#635400
saddle brown
#4a3f00
cola
#322a00
nero
#1a1600

Gold: HEX & RGB Codes

gold has the following primary color codes:

HEX: #fffceb
RGB: (255, 252, 235).

Explore a wide range of gold shades using our interactive color picker. Click any color to copy its HEX code and use it in your project!

Explore tints of gold

Buttery White
#fffceb
Buttery White
#fffceb
Island Spice
#fffdf0
Island Spice
#fffdf0
Quarter Pearl Lusta
#fffdf5
Black White
#fffef5
Black White
#fffef5
Black White
#fffefa
Black White
#fffefa
White
#ffffff

Explore shades of gold

Clinker
#342e09
Punga
#4c4315
Dallas
#655b25
Pesto
#81763b
Barley Corn
#9b9055
Mongoose
#b4aa74
Yuma
#ccc394
Stark White
#e5dfbd

gold in HEX, RGB, HSL and CMYK

HEX	#FFD700
RGB	rgb(255, 215, 0)
HSL	hsl(51, 100%, 50%)
CMYK	cmyk(0%, 16%, 100%, 0%)

Tints and shades of gold

Tints add white and shades add black, keeping the hue. Use them for hover states, borders and backgrounds that still belong to the same colour.

Tints (lighter)

#ffdf27
#ffe44e
#ffea75
#fff09c
#fff6c4
#fffceb

Shades (darker)

#d8b800
#b19600
#8a7500
#635400
#3b3300
#141100

Colours that work with gold

Complementary

#FFD700 #0026ff

Opposite on the colour wheel. Maximum contrast — use it for accents, not for half the page.

Analogous

#ff5900 #FFD700 #a6ff00

Neighbours on the wheel. Calm and cohesive, the safest way to build a palette.

Triadic

#FFD700 #00ffd9 #d900ff

Three colours evenly spaced. Lively and balanced; let one dominate.

Text on gold

Example Primary text

White text on gold1.40:1Fail

Example Primary text

Near-black text on gold12.65:1AAA

Measured against WCAG: 4.5:1 for body text, 3:1 for large text. Test your own pair in the Contrast Checker

gold shade chart

Shade chart showing five steps of gold, from light tint to deep shade

Right-click to save the chart, or copy the individual codes above.