04 — Colour

Mostly green. A little loud.

Seven colours. Pine and Paper do most of the work, Night carries the text, and Clay, Sun and Moss are used sparingly. Click any value to copy it.

Primary

Three colours do 90% of the work.

Pine is the brand. Paper is the page it sits on. Night is for text and the occasional dark section.

Logo, buttons, headers · about 40%

A9.62 · AAAA2.18 · Fail

Backgrounds, packaging stock · about 35%

A1.09 · FailA19.09 · AAA

Text and dark sections · about 15%

A18.60 · AAAA1.12 · Fail

Secondary

Accents, used on purpose.

Clay is for the one thing you want people to notice. Sun is for small highlights, never for text. Moss is for sustainability and repair content.

Calls to action, sale tags · under 6%

A3.64 · LargeA5.76 · AA

Badges, small highlights · under 3%

A1.67 · FailA12.51 · AAA

Repair and care content · under 3%

A2.78 · FailA7.53 · AAA

Soft sections, tables · as needed

A1.17 · FailA17.85 · AAA

Proportions

Roughly this much of each.

Not a law, but a good check. If a layout is mostly Clay, it isn’t a Fernway layout.

Pine 40%

Paper 35%

Night 15%

Accessibility

Which pairs can carry text?

Every combination of the palette, checked against WCAG 2.2. Switch to AAA for small print and long reading.

TEXT ↓ / BG →

Pine

Clay

Sun

Moss

Mist

Paper

Night

Pine

—

Aa2.64FAIL

Aa5.73AA

Aa3.45LARGE

Aa8.18AA

Aa8.75AA

Aa1.93FAIL

Clay

Aa2.64FAIL

—

Aa2.17FAIL

Aa1.30FAIL

Aa3.10LARGE

Aa3.31LARGE

Aa5.10AA

Sun

Aa5.73AA

Aa2.17FAIL

—

Aa1.66FAIL

Aa1.42FAIL

Aa1.52FAIL

Aa11.08AA

Moss

Aa3.45LARGE

Aa1.30FAIL

Aa1.66FAIL

—

Aa2.37FAIL

Aa2.53FAIL

Aa6.67AA