[
  {
    "name": "Ink",
    "hex": "#181818",
    "rgb": [
      24,
      24,
      24
    ],
    "hsl": [
      0,
      0,
      9
    ],
    "use": "Primary text on light, primary background for print"
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [
      255,
      255,
      255
    ],
    "hsl": [
      0,
      0,
      100
    ],
    "use": "Primary text on dark, light backgrounds"
  },
  {
    "name": "Teal",
    "hex": "#55828F",
    "rgb": [
      85,
      130,
      143
    ],
    "hsl": [
      193,
      25,
      45
    ],
    "use": "Brand accent, charts, interactive states"
  },
  {
    "name": "Sky",
    "hex": "#CDE4EE",
    "rgb": [
      205,
      228,
      238
    ],
    "hsl": [
      198,
      49,
      87
    ],
    "use": "Highlights, kickers, secondary accent"
  },
  {
    "name": "Slate",
    "hex": "#365862",
    "rgb": [
      54,
      88,
      98
    ],
    "hsl": [
      194,
      29,
      30
    ],
    "use": "Supporting surfaces, gradients"
  },
  {
    "name": "Deep",
    "hex": "#1D3036",
    "rgb": [
      29,
      48,
      54
    ],
    "hsl": [
      194,
      30,
      16
    ],
    "use": "Dark surfaces, buttons on light"
  },
  {
    "name": "Night",
    "hex": "#0A1418",
    "rgb": [
      10,
      20,
      24
    ],
    "hsl": [
      197,
      41,
      7
    ],
    "use": "Digital background"
  },
  {
    "name": "Surface",
    "hex": "#101E24",
    "rgb": [
      16,
      30,
      36
    ],
    "hsl": [
      198,
      38,
      10
    ],
    "use": "Cards on Night"
  },
  {
    "name": "Surface 2",
    "hex": "#15262D",
    "rgb": [
      21,
      38,
      45
    ],
    "hsl": [
      198,
      36,
      13
    ],
    "use": "Elevated cards, hover"
  },
  {
    "name": "Solvent",
    "hex": "#5CD69B",
    "rgb": [
      92,
      214,
      155
    ],
    "hsl": [
      151,
      60,
      60
    ],
    "use": "Positive state \u00b7 coverage above floor"
  },
  {
    "name": "Watch",
    "hex": "#E4B85C",
    "rgb": [
      228,
      184,
      92
    ],
    "hsl": [
      41,
      72,
      63
    ],
    "use": "Warning state \u00b7 near floor, at cap"
  },
  {
    "name": "Breach",
    "hex": "#E4746A",
    "rgb": [
      228,
      116,
      106
    ],
    "hsl": [
      5,
      69,
      65
    ],
    "use": "Negative state \u00b7 below floor, reverted"
  }
]