Design tokens (W3C DTCG)

Export a palette as a standards-compliant W3C Design Token group.

Updated 2026-05-04 · 👍 121 found this helpful

Export → "Design tokens (W3C DTCG)" produces a JSON file your team can drop into Style Dictionary, Token Studio, or any other token tool.

The output uses the W3C Design Tokens Community Group format — every value is wrapped in { "$type": "color", "$value": "#..." } so cross-tool round-trips stay clean.

Pair with ColorTools CSS for an end-to-end design-token → CSS pipeline.

Was this article helpful?

Tailwind config export
Drop The Color Tools palettes straight into your tailwind.config.js theme.

Didn't answer your question?

Email support Post on the feedback board