Shades of Gold | Colormapped

Shades of Gold color ramp

These swatches are generated from one base hue using fixed HSL lightness steps. They are computed references, not official color names.

#FFFBE5 HSL lightness 95%

#FFF3B3 HSL lightness 85%

#FFEB80 HSL lightness 75%

#FFE34D HSL lightness 65%

#FFDB1A HSL lightness 55%

#E6C100 HSL lightness 45%

#B39600 HSL lightness 35%

#806B00 HSL lightness 25%

#4D4000 HSL lightness 15%

Base reference: #FFD700. Use the Tints and Shades Generator when you need a ramp based on a specific project color.

Common CSS gold and golden colors

These are flat sRGB CSS colors in a gold/yellow-gold family. None reproduces metallic reflectance by itself.

ColorCSS keywordHEX

Light Goldenrod Yellow lightgoldenrodyellow #FAFAD2

Pale Goldenrod palegoldenrod #EEE8AA

Khaki khaki #F0E68C

Gold gold #FFD700

Goldenrod goldenrod #DAA520

Dark Goldenrod darkgoldenrod #B8860B

Named-color values above use the standardized CSS sRGB keywords documented by MDN. The list is curated for this color family; it is not a perceptually uniform scale.

A flat digital “gold” color can represent the hue family, but it cannot reproduce the reflective metallic appearance of physical gold by color value alone. The ramp above therefore shows tonal variations of a flat gold reference, not metallic material behavior.

For screen design, gold often works best when paired with strong neutral contrast. If you need a metallic look, gradients, highlights, texture, and lighting cues matter in addition to the base color.

Useful next steps

Try a specific color in the Tints and Shades Generator, or browse other shade families.