Brand
The colours and the mark, sampled from the logo artwork.
Palette
Contrast
Text on page
17.85:1
Text on card
15.59:1
Gold on page
11.18:1
Gold on card
9.76:1
WCAG AA asks for 4.5:1 on body text and 3:1 on large text. Auto recommend darkens a palette until it clears both rather than offering one that does not.
The mark
The supplied artwork, used directly.
Using it
Everything is a CSS custom property on :root. Reach for the token, never the hex — var(--gold) rather than #FDBD04 — so a change here reaches every screen at once.
Gold is for one thing at a time. It marks the single most important item in view: the spot price, the active wizard step, the primary button. Two golds competing on one screen means neither is the answer to "what do I do next".