Skip to content

02 · Colors in, tokens and swatches out

Palette

Turn colours, or the colours found in artwork, into developer and print swatch files.

GRIDFORM Studio in the Palette tool: a GRIDFORM poster filling the canvas, its colours sampled into a four-swatch palette in the right rail.

When to reach for it

Use to hand a colour system to developers (CSS, SCSS, design tokens), to Adobe apps (ASE), or to a client as a presentable sheet. Give it hex values directly, or point it at artwork and it pulls the colours out.

What lands on disk

CSS and SCSS variables, a design-tokens JSON, an Adobe .ase swatch file, and a swatch sheet as PDF and PNG, whichever outputs are requested.

CSSSCSStokens.jsonASEPDFPNG

Without the window

The same tool from a terminal or an agent. Identical output either way, because the app and the command line run the same code.

gridform palette --colors "#1B87A8,#EF542D,#EFCC16" --out ~/Desktop
Agent docs

The other tools