Color
Calm, clarity, and human warmth. A warm neutral canvas carries almost everything; nature-drawn accents appear as meaning, never as noise. Click any value to copy it.
01Proportion
Mostly quiet, rarely loud
The palette in the ratio it should be used. Warm neutrals carry almost everything; accents are punctuation, not paragraphs. If a layout reads as colorful from across the room, it's too loud.
02Primary
The neutral operating system
Eggshell is the default canvas — a warm backdrop suited to long-form reading. White is a quiet utility surface for cards and forms. Off Black is our ink: typography, icons, and the bird on light backgrounds. A softer black keeps the brand human; pure black is reserved for moments needing absolute contrast.
Eggshell
--background- Hex
- #FCFBF7
- RGB
- 252, 251, 247
- HSL
- 48 50% 98%
White
utility surface- Hex
- #FFFFFF
- RGB
- 255, 255, 255
- HSL
- 0 0% 100%
Off Black
--accent-default- Hex
- #1B180E
- RGB
- 27, 24, 14
- HSL
- 48 30% 8%
Supporting screen neutrals
The product fine-tunes contrast with adjacent creams and a near-neutral dark ground. Use them for subtle layering on screen — they are not poster colors.
Cream, subtle
--background-subtle- Hex
- #FAF9F5
Cream, muted
--background-muted- Hex
- #F5F4EF
Dark ground
--background (dark)- Hex
- #131415
Dark surface
--surface-default (dark)- Hex
- #1B1C1E
Dark ink
--foreground-default (dark)- Hex
- #EDEADE
A dark surface needs all three: the ground, the raised surface that sits on it, and the ink that goes on top. Eggshell is not the dark-mode ink — it is a light-mode ground.
03Secondary
Nature-drawn accents
The secondary palette extends the visual language across imagery and graphics — blues, teals, and greens with selective accents of red, pink, and yellow. Pair one primary with one secondary; Yellow is used sparingly, as an accent only.
Midnight Blue
--brand-midnight-blue- Hex
- #2E1F65
- RGB
- 46, 31, 101
Dark Emerald
--brand-dark-emerald-green- Hex
- #00664E
- RGB
- 0, 102, 78
Cyan Cornflower
--brand-cyan-cornflower-blue- Hex
- #0089B2
- RGB
- 0, 137, 178
Emerald Green
--brand-emerald-green- Hex
- #51C878
- RGB
- 81, 200, 120
Jordy Blue
--brand-jordy-blue- Hex
- #90C1F9
- RGB
- 144, 193, 249
Rose Quartz
--brand-rose-quartz- Hex
- #A49495
- RGB
- 164, 148, 149
Plum
--brand-plum- Hex
- #E89CB6
- RGB
- 232, 156, 182
Red
--brand-red- Hex
- #C21E3A
- RGB
- 194, 30, 58
Claret
--brand-claret- Hex
- #7D1734
- RGB
- 125, 23, 52
Yellow
--brand-yellow- Hex
- #FFED8A
- RGB
- 255, 237, 138
Values are the product's screen tokens — the single source of truth for digital use. Print values should be derived per production run, not converted ad hoc.
04Text pairing
Contrast, checked
On light backgrounds, set type in Off Black. On dark backgrounds, use Eggshell for large typography and white for small text. The matrix reads by absence: where there is no tile, the pairing is not ours to use.
05Misuse