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.
Shades
| Color | Name | HEX | RGB | HSL | Copy |
|---|---|---|---|---|---|
| Gold 50 | #FFFBE5 | 255, 251, 229 | 51, 100%, 95% | ||
| Gold 100 | #FFF4B3 | 255, 244, 179 | 51, 100%, 85% | ||
| Gold 200 | #FFEC80 | 255, 236, 128 | 51, 100%, 75% | ||
| Gold 300 | #FFE44D | 255, 228, 77 | 51, 100%, 65% | ||
| Gold 400 | #FFDD1A | 255, 221, 26 | 51, 100%, 55% | ||
| Gold 500 | #E6C300 | 230, 195, 0 | 51, 100%, 45% | ||
| Gold 600 | #B39800 | 179, 152, 0 | 51, 100%, 35% | ||
| Gold 700 | #806C00 | 128, 108, 0 | 51, 100%, 25% | ||
| Gold 800 | #4D4100 | 77, 65, 0 | 51, 100%, 15% | ||
| Gold 900 | #1A1600 | 26, 22, 0 | 51, 100%, 5% |
Text contrast
These ratios use the WCAG relative luminance formula.
Aa White text 1.40:1
Fail
Aa Black text 14.97:1
AAA
Ways to use Gold
Awards, ratings and premium badges
Celebration graphics
Accents with navy, black or maroon
Colors that go with Gold
Color-wheel harmonies built from #FFD700. Click a swatch to copy it or open the set in the color wheel.
Split complementary
Open in color wheelA base plus the two neighbors of its complement — contrast with less tension.