Friar Breaks

Brand

The colours and the mark, sampled from the logo artwork.

Palette

Base #502000
The colour the whole surface ramp is built from.
Accent #F0B000
The accent. One thing at a time.
Body text #FCFAE0
Body text.
Page #1F0C00
The background everything sits on.
Shadow #331400
The darkest step, behind raised edges.
Card #381600
One step up from the page.
Rule #572300
Borders and table lines.
Soft neutral #FFE9AD
The one soft neutral.
Contrast
Text on page
17.9:1
Text on card
15.5:1
Gold on page
9.83:1
Gold on card
8.51: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

Friar Breaks
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".