Core
Black
RGB
HSL
White
RGB
HSL
Green
Base Green
RGB
HSL
Mid Green
RGB
HSL
Deep Green
RGB
HSL
Neutral
Neutral 0
RGB
HSL
Neutral 5
RGB
HSL
Neutral 10
RGB
HSL
Neutral 15
RGB
HSL
Neutral 20
RGB
HSL
Neutral 30
RGB
HSL
Neutral 40
RGB
HSL
Neutral 50
RGB
HSL
Neutral 60
RGB
HSL
Neutral 70
RGB
HSL
Neutral 80
RGB
HSL
Neutral 90
RGB
HSL
Neutral 100
RGB
HSL
Yellow
Media / gradient containers only.
Base Yellow
RGB
HSL
Mid Yellow
RGB
HSL
Deep Yellow
RGB
HSL
Gradient
Base green → base yellow. Media and gradient containers only.
Base GreenBase Yellow
Base Green → Base Yellow
CSS
Data — chart-1…6
oklch L=0.75 · C=0.12 — emitted as --chart-1 … --chart-6.
Chart 1
RGB
HSL
Chart 2
RGB
HSL
Chart 3
RGB
HSL
Chart 4
RGB
HSL
Chart 5
RGB
HSL
Chart 6
RGB
HSL
Data — light variants
oklch L=0.82 · C=0.12
Chart 1 (Light)
RGB
HSL
Chart 2 (Light)
RGB
HSL
Chart 3 (Light)
RGB
HSL
Chart 4 (Light)
RGB
HSL
Chart 5 (Light)
RGB
HSL
Chart 6 (Light)
RGB
HSL
Semantic (shadcn)
Primary and ring are wired to `--rw-green-base` in CSS (preview + export). Editing Primary, Ring, or Base Green keeps those three in sync.
Background
RGB
HSL
Foreground
RGB
HSL
Card
RGB
HSL
Card foreground
RGB
HSL
Popover
RGB
HSL
Popover foreground
RGB
HSL
Primary
RGB
HSL
Primary foreground
RGB
HSL
Secondary
RGB
HSL
Secondary foreground
RGB
HSL
Muted
RGB
HSL
Muted foreground
RGB
HSL
Accent
RGB
HSL
Accent foreground
RGB
HSL
Destructive
RGB
HSL
Destructive foreground
RGB
HSL
Border
RGB
HSL
Input
RGB
HSL
Ring
RGB
HSL