Rampa · Draft Palette

Rich Warm Wood Tones

A ten-step ramp from blonde wash to espresso. Saturation is held toward the dark end so deep tones stay warm walnut rather than drifting grey.

Seed #7A4A24 · lightness 95→16 · saturation 22→60 · pairs with issho terracotta #AE7454

The ten tones

wood-0
#f4f2f1
Blonde wash
Surface / page background
wood-1
#e1dad7
Birch
Elevated surface
wood-2
#cfc3bc
Ash
Borders, dividers
wood-3
#beaca0
Pale oak
Muted fill
wood-4
#ae9583
Weathered oak
Disabled / subtle text
wood-5
#a08065
Oak
Accent fill
wood-6
#886c50
Aged oak
Secondary accent
wood-7
#6e573e
Walnut
Headings, large text
wood-8
#52422c
Dark walnut
Strong text on light
wood-9
#362c1b
Espresso / wenge
Body text, dark surface

Contrast pairings (APCA)

Walnut heading on blonde

Espresso body text on the blonde wash surface reads cleanly at any size.

wood-9 body · Lc 95 · pass
wood-7/8 · headings & large text only

Light on espresso

The blonde wash inverts to a warm off-white for dark-mode surfaces and panels.

wood-0 body · Lc 95 · pass

Oak accent fill

Mid-ramp oak works as a filled accent — buttons, tags, active states.

white on wood-5 · large text / UI

Beside terracotta

issho's terracotta sits in the same tonal family — wood-5/6 read as a quiet companion.

#AE7454 · existing brand accent

Dark green accent

Seed #2F5037 (pine) — a cool counterweight to the warm ramp. Deep enough to read as ink, alive enough to feel like forest.

green-1
#d7dbd8
Eucalyptus mist
Tint bg · text on dark wood
green-5
#5e7164
Sage
Muted accent · icons
green-7
#49594e
Fern
Hover / pressed states
green-8
#344139
Pine
Primary accent fill
green-9
#1f2823
Deep forest
Accent text on light

Pine accent fill

White on pine reads cleanly — buttons, active tabs, badges. The cool green cuts through a warm wood layout without shouting.

white on green-8 · Lc 90 · pass

Forest accent on blonde

green-8/9 carry headings and links on the blonde surface; green-9 is safe for body.

green-9 body · pass green-8 · body & large text (Lc 87)

Mist on espresso

On dark wood, drop to the green-1 tint for any green text — mid greens collapse against the espresso ground.

green-1 text · use on dark wood

Oak + pine

The full triad: warm oak ground, terracotta brand accent, pine for the cool counter-note. Earthy, not muddy.