Colour scheme
Every stored colour. Point to one by name — "use the butter yellow", "the peach", "the gold" — or by token. Toggle the theme switch (top-right) to preview dark mode. ★ = the default in use.
Paper & ink (surfaces)
Backgrounds and text. Light mode is warm cream; dark mode is navy charcoal.
Cream paper
surface-50 · #f9f6f2
page background (light)
Soft paper
surface-100 · #f3efea
subtle section tint
Paper line
surface-200 · #e4dfd9
borders / hairlines
Stone
surface-300 · #d0c9c2
muted borders
Slate line
surface-700 · #323841
dark borders
Charcoal card
surface-800 · #19202a
dark cards
Ink / navy
surface-900 · #0d131d
body text (light) / deep panels
Navy charcoal
surface-950 · #060a13
page background (dark)
Brand blue — powder → deep
Buttons use the powder blue (300) with ink text in light mode, and the deep blue (600) with white text in dark mode.
Powder mist
accent-200 · #a9e0fe
faint fills
Powder blue ★
accent-300 · #8fd5f8
primary button (light)
Sky
accent-400 · #69c3f3
button hover / soft accents
Sky
accent-500 · #259cde
mid accents / focus
Deep Etti blue
accent-600 · #006dbd
links, eyebrows, button (dark)
Rose pink — headline accent
The "deep 50s pink" on emphasised words. Auto-deepens in dark mode.
Flamingo rose (light)
pink · #c35a64
accent words (light mode)
Deep rose (dark)
pink @dark · #b03557
accent words (dark mode)
Seal red (tomato) — the stamp only
Reserved for the guarantee seal so it stays the one true red.
Tomato light
accent2-400 · #f87a60
tints
Tomato
accent2-500 · #e9411f
bright pop
Cherry red ★
accent2-600 · #cc2c05
the seal face
Heading colours (legible on cream)
The deepened palette for coloured headings/eyebrows. Point to these by name.
Tomato
pop-red · #d53615
heading accent
Gold
pop-yellow · #8f6e00
heading accent
Terracotta
pop-violet · #b4590e
heading accent
Coral
pop-pink · #c24b40
heading accent
Blue
pop-blue · #006dbd
heading accent
Pastel fills — the soft 1950s swatches
For full-width section bands (dark text on top). One per section, used sparingly.
Robin's egg (aqua)
aqua · #d2eef1
section band
Blush (pink)
blush · #f4c9cf
section band
Butter (yellow)
butter · #f6eaa4
section band
Peach (orange)
peach · #fbc799
section band
Tan
tan · #e7dcce
section band
Browns — mid-century walnut family
Sand & tan are light fills; caramel for large accents; walnut & mocha are text-safe on cream.
Sand
sand · #d3c1ac
light fill
Caramel
caramel · #a17651
large accent / fill
Walnut
walnut · #65452f
text / deep accent
Mocha (espresso)
mocha · #3c291e
text / dark panel
Yellows — butter → mustard → gold
Butter & mustard are fills/large only; ochre is the text-safe deep gold on cream.
Butter
butter · #f6eaa4
pastel fill
Mustard
mustard · #d5a33d
fill / large accent
Harvest gold
harvest · #bd8831
large accent
Ochre (gold)
ochre · #9a6b22
text-safe gold
Greens — pastel mint + deep green
Mint is the "TRY NOW" stamp fill; deep green is its readable label / "available" tone.
Mint
mint · #c3eac9
TRY NOW stamp fill
Green
green · #007834
stamp text / available
Product "colour drench" backgrounds
Each product page is bathed in its colour. Light shown here; each has a matching deep dark-mode twin (token + "-dark").
Voice wash
voice-wash · #bbebff
voice.etti.com.au bg
Studio wash
studio-wash · #f7e8b7
studio page bg
Forge wash
forge-wash · #ffd9ba
forge page bg
Desk wash
desk-wash · #c6f5da
desk page bg
Dark-mode tints
Deep tints so colour bands & accents work on the navy dark theme.
Aqua deep
aqua-deep · #03353b
aqua band (dark)
Tan deep
tan-deep · #312317
tan band (dark)
Pink light
pink-light · #f68390
accent on dark bands