Skip to content
Jun 4, 2026 10:17:21 PM

Color System

Swatches

A reference of every palette in use across the system. Each strip is a fanned-out deck — hover any chip to lift it.

Soft Pastel Rainbow · 6 variations

The full rainbow re-tinted six different ways — from airy off-white to deep dusty pastel.

AiryS60 · L85
  • 36°
  • 72°
  • 108°
  • 144°
  • 180°
  • 216°
  • 252°
  • 288°
  • 324°
SherbetS78 · L80
  • 36°
  • 72°
  • 108°
  • 144°
  • 180°
  • 216°
  • 252°
  • 288°
  • 324°
VividS92 · L75
  • 36°
  • 72°
  • 108°
  • 144°
  • 180°
  • 216°
  • 252°
  • 288°
  • 324°
MutedS50 · L78
  • 36°
  • 72°
  • 108°
  • 144°
  • 180°
  • 216°
  • 252°
  • 288°
  • 324°
DustyS65 · L68
  • 36°
  • 72°
  • 108°
  • 144°
  • 180°
  • 216°
  • 252°
  • 288°
  • 324°
DeepS80 · L60
  • 36°
  • 72°
  • 108°
  • 144°
  • 180°
  • 216°
  • 252°
  • 288°
  • 324°

Magenta · 10 shades

The brand magenta walked across lightness from blush to oxblood.

300°
  • L12
  • L20
  • L28
  • L36
  • L44
  • L52
  • L60
  • L68
  • L76
  • L84

Complementary Pairs

Each pair is 180° apart on the colour wheel — high contrast, instantly recognisable.

0° / 180°
  • A · L45
  • A · L55
  • A · L65
  • A · L75
  • A · L85
  • B · L45
  • B · L55
  • B · L65
  • B · L75
  • B · L85
30° / 210°
  • A · L45
  • A · L55
  • A · L65
  • A · L75
  • A · L85
  • B · L45
  • B · L55
  • B · L65
  • B · L75
  • B · L85
60° / 240°
  • A · L45
  • A · L55
  • A · L65
  • A · L75
  • A · L85
  • B · L45
  • B · L55
  • B · L65
  • B · L75
  • B · L85
90° / 270°
  • A · L45
  • A · L55
  • A · L65
  • A · L75
  • A · L85
  • B · L45
  • B · L55
  • B · L65
  • B · L75
  • B · L85
120° / 300°
  • A · L45
  • A · L55
  • A · L65
  • A · L75
  • A · L85
  • B · L45
  • B · L55
  • B · L65
  • B · L75
  • B · L85
150° / 330°
  • A · L45
  • A · L55
  • A · L65
  • A · L75
  • A · L85
  • B · L45
  • B · L55
  • B · L65
  • B · L75
  • B · L85

Earth Tones

Warm low-saturation neutrals: sand, clay, moss, slate.

Warm
  • Bone
  • Cream
  • Tan
  • Sienna
  • Rust
  • Coffee
  • Cocoa
  • Espresso
Cool
  • Frost
  • Mist
  • Slate
  • Steel
  • Smoke
  • Graphite
  • Onyx
  • Coal

Brand Tokens

The actual :root CSS variables driving this theme. Edit them in Theme settings to see this row update.

Light
  • background
  • foreground
  • card
  • primary
  • secondary
  • muted
  • accent
  • destructive
  • border
  • magenta

Monochromatic Blues

Single hue (220°) walked from near-white to indigo.

220°
  • L8
  • L17
  • L26
  • L35
  • L44
  • L53
  • L62
  • L71
  • L80
  • L89