Colors
The TanStack color system, sourced from Figma. Brand & neutral ramps are the raw primitives; the semantic tokens below reference them and are what components should consume. These swatches respond to the theme — toggle light/dark to see both. (Replaces the legacy twine/gray palette.)
Brand & neutral ramps
The six primitive ramps (100 lightest → 500 darkest). Full ramps also live on the Palette page.
green
terracotta
blue
purple
amber
neutral