Palette
The primitive color ramps sourced from Figma. These feed the semantic tokens — change a primitive here (in app.css) and every semantic token referencing it updates across the system. Click a swatch to copy its var() reference.
Green
Terracotta
Blue
Purple
Amber
Neutral
Neutral tint (cool)
A cool-toned neutral set, distinct from the warm neutral ramp. neutral-0 is pure white.
Category colors
Libraries are grouped into five categories and inherit their category's color as their core brand color (ramp 400 in light, 300 in dark). These are the system-level source of truth for every library's brand color.
Library brand colors
Per-library tokens — now aliased to the library's category color above (so they collapse to the five category hues).