[
  {
    "group": "Primary",
    "name": "Emerald",
    "hex": "#3B9B6E",
    "hsl": "hsl(152 45% 42%)",
    "usage": "Buttons, links, active states, brand green"
  },
  {
    "group": "Primary",
    "name": "Emerald Light",
    "hex": "#5EBA8F",
    "hsl": "hsl(152 40% 55%)",
    "usage": "Hover / lighter emerald on dark"
  },
  {
    "group": "Accent",
    "name": "Gold (UI)",
    "hex": "#EEB32B",
    "hsl": "hsl(42 85% 55%)",
    "usage": "Highlights, trophies, prize + winner states"
  },
  {
    "group": "Accent",
    "name": "Gold (logo)",
    "hex": "#D4A428",
    "hsl": "\u2014",
    "usage": "The gold inside the logo artwork itself"
  },
  {
    "group": "Neutral",
    "name": "Ink / BG",
    "hex": "#0E1110",
    "hsl": "hsl(160 10% 6%)",
    "usage": "Page background. The default MyCue surface"
  },
  {
    "group": "Neutral",
    "name": "Card",
    "hex": "#171C1A",
    "hsl": "hsl(160 8% 10%)",
    "usage": "Cards sitting on the page background"
  },
  {
    "group": "Neutral",
    "name": "Surface",
    "hex": "#1C211F",
    "hsl": "hsl(160 8% 12%)",
    "usage": "Raised surfaces, inputs"
  },
  {
    "group": "Neutral",
    "name": "Secondary",
    "hex": "#212725",
    "hsl": "hsl(160 8% 14%)",
    "usage": "Secondary buttons, chips"
  },
  {
    "group": "Neutral",
    "name": "Muted",
    "hex": "#262B2A",
    "hsl": "hsl(160 6% 16%)",
    "usage": "Muted fills"
  },
  {
    "group": "Neutral",
    "name": "Border",
    "hex": "#2A322F",
    "hsl": "hsl(160 8% 18%)",
    "usage": "Hairlines and dividers"
  },
  {
    "group": "Type",
    "name": "Foreground",
    "hex": "#EFEDE7",
    "hsl": "hsl(45 20% 92%)",
    "usage": "Body text on dark. Warm off-white, not pure white"
  },
  {
    "group": "Type",
    "name": "Muted text",
    "hex": "#83958F",
    "hsl": "hsl(160 8% 55%)",
    "usage": "Secondary + caption text"
  },
  {
    "group": "Semantic",
    "name": "Destructive",
    "hex": "#DC2828",
    "hsl": "hsl(0 72% 51%)",
    "usage": "Errors, destructive actions"
  }
]