Toolbox [02] / Colors in, tokens and swatches out

Palette

Export a color palette as code, Adobe swatches, or a reference sheet.

In
Hex values, or artwork
Out
CSS, SCSS, JSON, ASE, PDF, PNG
Toolbox in the Palette tool: a poster filling the canvas, its colors sampled into a row of swatches, with the output files listed in the right rail.

When to use it

Prepare a palette for a website, an Adobe project, or a brand guide. Enter hex values or extract colors from artwork. SVGs supply their fill colors; images supply their dominant colors.

Exported files

Choose CSS and SCSS variables, design tokens in JSON, Adobe swatches in ASE, or a palette sheet in PDF and PNG. Each export goes into a new folder.

  • CSS
  • SCSS
  • JSON
  • ASE
  • PDF
  • PNG

CLI & MCP

Run this example in a terminal after setting up the toolbox command. Replace the sample inputs with your own. The CLI and MCP use the app’s export engine with the options listed below.

toolbox palette '#D32F05' '#003A5D' --name Acme --out .
--action <export|inspect|preview|library-list|library-get|library-remove>
Export files, inspect settings and the output plan without writing, render previews, or manage saved work. Convert previews write the selected output formats; other tools write PNG. Specimen also lists fonts. Default: export.
--saved <value>
Saved-work ID to reopen. Explicit options override its settings. Required for library-get and library-remove.
--save
Save the completed export to the app library, or update the reopened record. Defaults to false for scripts. Default: false.
--entries <json>
Ordered swatches as JSON: [{"name":"Orange","hex":"#D32F05","cmyk":[0,78,98,17],"pantone":"1665 C"}]. Replaces extracted or saved entries; colors and samples then append.
--samples <json>
Sample image colors at normalized coordinates: [{"image":0,"x":0.5,"y":0.5}]. Image indices come from inspect.
--extract
Add dominant image colors automatically. Disable to select only explicit samples or entries. Default: true.
--colors <values…>
Hex colours to include, for example ['#D32F05', '#003A5D']. You can supply these values without --colors.
--input <values…>
Paths of artwork to pull colours from. SVGs contribute their exact fills; images contribute their dominant colours. Combines with `colors`.
--name <value>
Palette name, used for the file names and the sheet heading. Default: Palette.
--outputs <css|tokens|ase|sheet>
Which files to write. Default: css, tokens, ase, sheet.
--out <value>
Folder to write into. A fresh subfolder is created inside it, so nothing is overwritten. Required for export and preview.
CLI & MCP setup
Next / [03]Specimen
(C) 2026 Timothy Ali // A little human. A little machine. // EOF