Developer Tools

Color Token Generator

Generate design color tokens from primary and semantic color values.

Generator workspace Browser workspace

Generator workspace

Generate Color Token Generator

Details

Ready

Result

Generated result

Run the tool to see the result here.

About this tool

Use Color Token Generator without a complicated workflow.

Generate design color tokens from primary and semantic color values. This registration prepares the tool for a browser-side JavaScript UI implementation.

Report an issue Browse all tools

How to use

01Add the details

02Set optional preferences

03Generate and copy

Workspace highlights

✓Focused options

✓Copy-ready output

✓Reusable result area