{
  "plotwork": {
    "$description": "Plotwork colours, in the Design Tokens Community Group format. Generated by pnpm brand:build from the product's tokens.",
    "brand": {
      "$description": "The teal is an accent: the second box of the mark, focus rings and links. It is never the colour of a button.",
      "teal": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.4627,
            0.4314
          ],
          "hex": "#0f766e"
        },
        "$description": "Teal. The accent on a light page, and the second box of the mark. Token --brand-100."
      },
      "teal-deep": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0667,
            0.3686,
            0.349
          ],
          "hex": "#115e59"
        },
        "$description": "Deep teal. A pressed or hovered teal. Token --brand-hover."
      },
      "teal-light": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1765,
            0.8314,
            0.749
          ],
          "hex": "#2dd4bf"
        },
        "$description": "Light teal. The accent on a dark page, where the deep teal is too dim. Token --brand-text in the dark theme."
      }
    },
    "neutral": {
      "$description": "Near-black and near-white carry the lines of the mark and almost every pixel of the product.",
      "ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0902,
            0.0902,
            0.0902
          ],
          "hex": "#171717"
        },
        "$description": "Ink. Text and the lines of the mark on a light page. Token --text-primary."
      },
      "graphite": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.3216,
            0.3216,
            0.3216
          ],
          "hex": "#525252"
        },
        "$description": "Graphite. Secondary text on a light page. Token --text-secondary."
      },
      "paper": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9765,
            0.9765,
            0.9765
          ],
          "hex": "#f9f9f9"
        },
        "$description": "Paper. The light page. Token --surface-body."
      },
      "snow": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9804,
            0.9804,
            0.9804
          ],
          "hex": "#fafafa"
        },
        "$description": "Snow. Text and the lines of the mark on a dark page. Token --text-primary in the dark theme."
      },
      "night": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0392,
            0.0392,
            0.0392
          ],
          "hex": "#0a0a0a"
        },
        "$description": "Night. The dark page. Token --surface-body in the dark theme."
      },
      "code-ink": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.0588,
            0.0784,
            0.0706
          ],
          "hex": "#0f1412"
        },
        "$description": "Code ink. The ground of a code window, dark in both themes. Token --ink-ground."
      }
    },
    "accents": {
      "$description": "A closed set for charts, tags and status. Never use one as a brand colour.",
      "crimson": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.9216,
            0.2039,
            0.1412
          ],
          "hex": "#eb3424"
        },
        "$description": "Crimson. Charts and tags. Token --accent-crimson."
      },
      "honey": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.6902,
            0.4902,
            0.0392
          ],
          "hex": "#b07d0a"
        },
        "$description": "Honey. Charts and tags. Token --accent-honey."
      },
      "forest": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1216,
            0.5608,
            0.302
          ],
          "hex": "#1f8f4d"
        },
        "$description": "Forest. Charts and tags. Token --accent-forest."
      },
      "bluetron": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.1647,
            0.4275,
            0.9843
          ],
          "hex": "#2a6dfb"
        },
        "$description": "Bluetron. Charts and tags. Token --accent-bluetron."
      },
      "amethyst": {
        "$type": "color",
        "$value": {
          "colorSpace": "srgb",
          "components": [
            0.4863,
            0.302,
            1
          ],
          "hex": "#7c4dff"
        },
        "$description": "Amethyst. Charts and tags. Token --accent-amethyst."
      }
    }
  }
}