DTCG Tokens

The DTCG format is a W3C Community Group specification started in 2020 and aims to outline a standard, universal design token format that works for all forms of digital design (including web, print, native apps, and beyond).

DTCG tokens are stored in JSON, and look something like the following:

{
  "rebeccapurple": {
    "$type": "color",
    "$value": {
      "colorSpace": "srgb",
      "channels": [0.4, 0.2, 0.6]
    }
  }
}

By storing tokens in a universal format like JSON, you can centrally manage them and generate code for any output target including web and native apps.

Format

You can find the official format here. But for convenience, we also have a list of token types Terrazzo supports.