Everyday neutralsFestive elegance

White and Gold Color Combination

White keeps the layout open while gold adds a single warm accent. With no third color competing, the gold reads as a deliberate highlight.

Hex codes #FFFFFF and #FFD700 — a festive elegance pair with a 1.40:1 contrast ratio between the two colors.

Values for this combination

White
RGB
rgb(255, 255, 255)
HSL
hsl(0, 0%, 100%)
Hex
#FFFFFF
Gold
RGB
rgb(255, 215, 0)
HSL
hsl(51, 100%, 50%)
Hex
#FFD700

Contrast between White and Gold

Contrast ratio 1.40:1. This only decides whether one color of the pair can carry text on the other — the colors themselves always work side by side.

AA · Normal text (≥ 4.5:1)FAIL
AA · Large text (≥ 3:1)FAIL
AAA · Normal text (≥ 7:1)FAIL
AAA · Large text (≥ 4.5:1)FAIL
Aa

Gold text on a White surface, at 1.40:1.

Aa

White text on a Gold surface, at 1.40:1.

Where this pair works

  • Wedding suites
  • Holiday cards
  • Beauty brands

Give White (#FFFFFF) roughly 60% of the surface, Gold (#FFD700) about 30%, and leave the last 10% for the neutral below. That split is what keeps a two-color combination from turning into a fight.

A five-color set from this pair

White and Gold as a working palette: a pale tint of the lighter color for backgrounds, both colors as they are, a deep shade of the darker color for text and a neutral for everything in between.

  • Pale tint#efebebbackgrounds and large surfaces · closest to Isabelline
  • Primary#FFFFFFthe dominant color · closest to White
  • Secondary#FFD700the accent color · closest to Gold
  • Deep shade#4d4100text, borders and icons · closest to SealBrown
  • Neutral#f6f4f4dividers and quiet surfaces · closest to WhiteSmoke

Explore White and Gold on their own

More color combinations

White and Gold are a festive elegance pair: white keeps the layout open while gold adds a single warm accent. With no third color competing, the gold reads as a deliberate highlight.

Frequently asked questions

Yes — this pair is used for wedding suites, holiday cards, beauty brands. The two colors measure 1.40:1 against each other, which means the two should sit side by side as surfaces rather than as text and background.

Good to know

  • Every value on this page is calculated from #FFFFFF and #FFD700 — nothing is hardcoded.
  • Build a longer palette out of White or Gold in the palette generator, or test your own text pair in the contrast checker.

Put this combination to work

Turn White and Gold into a full palette, a gradient or a set of shades — or check the pair against WCAG.

From the blog