[
  {
    "key": "ink",
    "token": "fg",
    "name": "Ink",
    "role": "Text, the mark and primary buttons",
    "light": {
      "hex": "#0a0b0d",
      "rgb": "rgb(10, 11, 13)"
    },
    "dark": {
      "hex": "#ffffff",
      "rgb": "rgb(255, 255, 255)"
    }
  },
  {
    "key": "paper",
    "token": "bg",
    "name": "Paper",
    "role": "The page ground",
    "light": {
      "hex": "#ffffff",
      "rgb": "rgb(255, 255, 255)"
    },
    "dark": {
      "hex": "#0a0b0d",
      "rgb": "rgb(10, 11, 13)"
    }
  },
  {
    "key": "muted",
    "token": "fgMuted",
    "name": "Muted text",
    "role": "Secondary text and labels",
    "light": {
      "hex": "#5b616e",
      "rgb": "rgb(91, 97, 110)"
    },
    "dark": {
      "hex": "#8a919e",
      "rgb": "rgb(138, 145, 158)"
    }
  },
  {
    "key": "line",
    "token": "bgLine",
    "name": "Line",
    "role": "Rules and borders",
    "light": {
      "hex": "#5b616e33",
      "rgb": "rgba(91, 97, 110, 0.2)"
    },
    "dark": {
      "hex": "#8a919e33",
      "rgb": "rgba(138, 145, 158, 0.2)"
    }
  },
  {
    "key": "surface",
    "token": "bgAlternate",
    "name": "Alternate surface",
    "role": "Panels and plates",
    "light": {
      "hex": "#eef0f3",
      "rgb": "rgb(238, 240, 243)"
    },
    "dark": {
      "hex": "#141519",
      "rgb": "rgb(20, 21, 25)"
    }
  }
]