[
  {
    "name": "Blitz Blue",
    "cssVariable": "--color-accent",
    "hex": "#0055fe",
    "rgb": "0, 85, 254",
    "role": "The one accent: mark, links, accent segments, primary actions"
  },
  {
    "name": "Ink",
    "cssVariable": "--color-ink",
    "hex": "#201e1d",
    "rgb": "32, 30, 29",
    "role": "Headings, body text, dark panels and buttons"
  },
  {
    "name": "Ink deep",
    "cssVariable": "--color-ink-deep",
    "hex": "#1b1918",
    "rgb": "27, 25, 24",
    "role": "Code panels, the deepest dark"
  },
  {
    "name": "Muted",
    "cssVariable": "--color-text-muted",
    "hex": "#686564",
    "rgb": "104, 101, 100",
    "role": "Secondary text on light surfaces"
  },
  {
    "name": "Surface",
    "cssVariable": "--color-surface",
    "hex": "#f5f5f4",
    "rgb": "245, 245, 244",
    "role": "The page ground"
  },
  {
    "name": "Surface alt",
    "cssVariable": "--color-surface-alt",
    "hex": "#f1f0ee",
    "rgb": "241, 240, 238",
    "role": "Gray cards and bands"
  },
  {
    "name": "White",
    "cssVariable": "--color-white",
    "hex": "#ffffff",
    "rgb": "255, 255, 255",
    "role": "Cards, matrices, the white of the app icon"
  },
  {
    "name": "Rule",
    "cssVariable": "--color-border",
    "hex": "#e2e0df",
    "rgb": "226, 224, 223",
    "role": "Every 1px rule and border"
  },
  {
    "name": "Verified green",
    "cssVariable": "--color-viz-success",
    "hex": "#218a48",
    "rgb": "33, 138, 72",
    "role": "Verified data, only in visuals"
  },
  {
    "name": "Review amber",
    "cssVariable": "--color-viz-warning",
    "hex": "#b66a12",
    "rgb": "182, 106, 18",
    "role": "Uncertain data, only in visuals. There is no red in the brand"
  }
]