Color code and palette
Gold Color
Gold is a saturated yellow-orange at #FFD700. On screens it signals reward, celebration and premium status; smaller accents generally feel more refined than large uninterrupted areas.
Gold #FFD700
Color formats
The same base color in common web formats.
HEX
#FFD700 RGB
rgb(255, 215, 0) HSL
hsl(51, 100%, 50%) OKLCH
oklch(89.0% 0.182 95.0) Gold is a saturated yellow-orange at #FFD700. On screens it signals reward, celebration and premium status; smaller accents generally feel more refined than large uninterrupted areas.
Shades
| Color | Name | Hex | |
|---|---|---|---|
| Gold 50 | #FFFBE5 | ||
| Gold 100 | #FFF4B3 | ||
| Gold 200 | #FFEC80 | ||
| Gold 300 | #FFE44D | ||
| Gold 400 | #FFDD1A | ||
| Gold 500 | #E6C300 | ||
| Gold 600 | #B39800 | ||
| Gold 700 | #806C00 | ||
| Gold 800 | #4D4100 | ||
| Gold 900 | #1A1600 |
Triadic color harmony
Three evenly spaced hues create a colorful but balanced starting palette.
Text contrast
These ratios use the WCAG relative luminance formula.
White textNaN:1
Black textNaN:1
Ways to use gold
01
Awards, ratings and premium badges
02
Celebration graphics
03
Accents with navy, black or maroon