style-dictionary/examples/basic/tokens/colors.json

Style once, use everywhere. A build system for creating cross-platform styles.

{
  "colors": {
    "$type": "color",
    "black": {
      "$value": "#000000"
    },
    "white": {
      "$value": "#ffffff"
    },
    "orange": {
      "100": {
        "$value": "#fffaf0"
      },
      "200": {
        "$value": "#feebc8"
      },
      "300": {
        "$value": "#fbd38d"
      },
      "400": {
        "$value": "#f6ad55"
      },
      "500": {
        "$value": "#ed8936"
      },
      "600": {
        "$value": "#dd6b20"
      },
      "700": {
        "$value": "#c05621"
      },
      "800": {
        "$value": "#9c4221"
      },
      "900": {
        "$value": "#7b341e"
      }
    }
  }
}