Color guide
Gold Color
#D4AF37
gold color codes
What gold means
Gold is timeless luxury and achievement. Even small touches elevate a design.
How to use it in design
Use for premium badges, award states and elegant serif-heavy branding.
Color combinations with gold
Harmonies calculated with color theory for the base hue 46°.
Complementary
Maximum contrast: #D4AF37 + #355AD4
Analogous
Harmony at ±30°: #D45F35 · #D4AF37 · #AAD435
Triadic
Even 120° spacing: #D4AF37 · #35D4AF · #AF35D4
gold color shades (50–900 scale)
Ready-to-use tailwind-style scale generated from #D4AF37.
Colors that go well with gold
FAQ about the gold color
What is the HEX code of gold?
A widely used hex value for gold is #D4AF37, which equals rgb(212, 175, 55). Depending on the shade you want, you can adjust saturation and lightness while keeping the same hue (46°).
What colors go well with gold?
gold pairs beautifully with navy, charcoal, emerald, cream. Its complementary color is #355AD4, and a classic triadic scheme adds #35D4AF and #AF35D4.
Is gold accessible for text and backgrounds?
It depends on the contrast ratio against the other color. Use NanoPalettes's contrast checker to verify WCAG AA (4.5:1) and AAA (7:1) compliance before shipping gold in text or UI elements.
Create your own gold palette
Generate harmonious combinations from #D4AF37 in seconds.
Open the palette generator