[
  {
    "name": "Pullsure Blue",
    "hex": "#37B5FF",
    "rgb": [55, 181, 255],
    "usage": "The one brand hue. CTAs, the P mark, focus, links. Put black on it, never white."
  },
  {
    "name": "Night",
    "hex": "#0A1C2B",
    "rgb": [10, 28, 43],
    "usage": "Brand dark. Heroes, footer, slides, print, merch. White logo and text on it."
  },
  {
    "name": "Mist",
    "hex": "#EEF4F8",
    "rgb": [238, 244, 248],
    "usage": "Brand light. Website sections, forms, print. Black logo on it."
  },
  {
    "name": "Black",
    "hex": "#000000",
    "rgb": [0, 0, 0],
    "usage": "The wordmark on light grounds."
  },
  {
    "name": "White",
    "hex": "#FFFFFF",
    "rgb": [255, 255, 255],
    "usage": "The wordmark on dark grounds. Cards and paper."
  },
  {
    "name": "Blue 300",
    "hex": "#5BC0FF",
    "rgb": [91, 192, 255],
    "usage": "Gradient stop in illustration."
  },
  {
    "name": "Blue 600",
    "hex": "#2AA8F5",
    "rgb": [42, 168, 245],
    "usage": "Hover on blue fills."
  },
  {
    "name": "Blue 700",
    "hex": "#1A8CD8",
    "rgb": [26, 140, 216],
    "usage": "Large blue type and icons."
  },
  {
    "name": "Blue 800",
    "hex": "#0F6BB3",
    "rgb": [15, 107, 179],
    "usage": "Pressed, deepest fill."
  },
  {
    "name": "Blue text",
    "hex": "#0E60A1",
    "rgb": [14, 96, 161],
    "usage": "Small blue text and links on light."
  },
  {
    "name": "Night muted",
    "hex": "#B8C7D3",
    "rgb": [184, 199, 211],
    "usage": "Secondary text on Night."
  }
]