Docs
Systhema Design (opens in new tab)
Unreleased

systhema generate-palette

Generate palettes from hex colors as JSON, TypeScript or DTCG.

Generate an 11-stop Tailwind-style palette (50–950) from one or more hex colors — byte-exact with uicolors.app (opens in new tab) for the same input. Output is printed to stdout — copy or pipe it into your token files; it does not write to the project.

# Single color → 11 stops as JSON.
systhema generate-palette '#8b54ec'

# Wrap a single color's stops under a key.
systhema generate-palette '#8b54ec' --name primary

# Multiple named colors (don't mix bare hex with name=hex pairs).
systhema generate-palette primary=#8b54ec accent=#54eced

# Emit TypeScript or W3C DTCG instead of JSON.
systhema generate-palette '#8b54ec' --format ts
systhema generate-palette '#8b54ec' --format dtcg

OptionsLink to this section

FlagDescriptionDefault
--format <format>Output format: json | ts | dtcgjson
--name <name>Wrap the single-input output under this key (ignored if name=hex pairs are given)

For a full design system — not just one palette — see the Design CLI.

The same generator is available in code as @systhemaui/core/color; see Color palettes.