← Back to system
Specimen 01

Colors

PocketSeed lives on warm paper, anchored by deep ink. Brand teal/blue/green do the talking. Use one accent at a time and let the rest stay quiet.

Foundation

Ink, paper & line

Every surface in the system is one of these. --ps-paper is the canvas, --ps-ink is the dark counterpart, and the line tones are quiet enough to disappear at a glance.

Paper --ps-paper #f7f4ec
Paper warm --ps-paper-warm #efeadd
Card --ps-card #ffffff
Ink --ps-ink #1a2535
Ink soft --ps-ink-soft #2d3a4d
Line --ps-line #e5e0d3
Line soft --ps-line-soft #efeae0
Muted --ps-muted #6b7280
Brand

Teal, blue, purple, green

Pulled directly from the logo gradient. Teal is the default accent. Reserve purple for hero gradients (it appears in --ps-grad-orb); use green sparingly for "go / verified / impact" signals.

Teal --ps-teal #2dadc7
Blue --ps-blue #3b6cf0
Purple --ps-purple #6a4ed8
Green --ps-green #4caf50
Green deep --ps-green-deep #2f7a3a
Leaf --ps-leaf #7ed957
Accents

Switchable accents

Set --ps-accent at the page or container level. Anything keyed off the accent (eyebrow, bullets, accent pills, focus rings, feature-card numerals) updates everywhere.

Eyebrow

Teal (default)

Accent pill
Eyebrow

Brand blue

Accent pill
Eyebrow

Forest green

Accent pill
Eyebrow

Purple

Accent pill
Eyebrow

Ink (mono)

Accent pill
On ink

Alpha layers for dark surfaces

When you put a card on .ps-bg-ink, use these tokens for body text, borders, and subtle fills so the contrast stays right.

on-ink-fill
rgba(247,244,236,0.04)
on-ink-line
rgba(247,244,236,0.12)
on-ink-strong text
rgba(247,244,236,0.85)
on-ink-soft text
rgba(247,244,236,0.65)
on-ink-mute text
rgba(247,244,236,0.45)
Gradients

Brand gradients

Orb --ps-grad-orb teal → blue → purple
Leaf --ps-grad-leaf leaf → green → green-deep
Teal → Blue --ps-grad-teal-blue 135°
Teal → Green --ps-grad-teal-green 90°