02
Color System
White canvas.
Lime signal.
The system is restrained on purpose. White and warm off-white carry 90% of every surface. Lime is reserved as signal — never decoration. Deep green is the spine.
Core palette.
6 colours. That's all.
Canvas.
#FFFFFFPrimary background
Warm.
#FAFAF7Alternating sections
Ink.
#0B0F0EText. Never pure black.
Lime.
#C6FF3DSignal — CTA, period, highlight
Deep.
#0B3B2EFooter, ticker, contrast
Sage.
#E8F5E3Soft tint, illustration fill
Usage ratio
60 · 30 · 8 · 2.
White does the heavy lifting. Lime is the rarest colour on the page — that's what makes it land.
Canvas — 60%
Warm — 30%
Deep — 8%
Lime — 2%
Where lime goes
- · The wordmark period
- · Primary CTA buttons (on ink)
- · Ticker headlines on deep green
- · One key stat per screen
- · Section-number markers
Where lime never goes
- · Long-form body text
- · Large filled backgrounds
- · Decorative gradients
- · Multiple buttons in one view
- · Icons just for the sake of color
Neutrals
Hairlines and ink.
Hairline.
#E5E5E01px dividers
Muted Ink.
#5B615ESecondary text
Pairings
Tested combos.
Ink on Canvas — body defaultAa.
Ink on Warm — alt sectionsAa.
Lime on Deep — ticker, heroAa.
Lime on Ink — primary CTAAa.
Deep on Sage — soft calloutsAa.