{
  "name": "Hexio",
  "source": "assets/css/hexio.css :root",
  "colors": [
    {
      "name": "Lime",
      "group": "Brand",
      "cssVar": "--lime",
      "hex": "#C6F24E",
      "rgb": {
        "r": 198,
        "g": 242,
        "b": 78
      },
      "usage": "Accent primari — CTAs, ressaltats, seleccions"
    },
    {
      "name": "Lime Deep",
      "group": "Brand",
      "cssVar": "--lime-deep",
      "hex": "#A6D62C",
      "rgb": {
        "r": 166,
        "g": 214,
        "b": 44
      },
      "usage": "Accent en estat hover / pressed"
    },
    {
      "name": "Ink",
      "group": "Brand",
      "cssVar": "--ink",
      "hex": "#0B0F19",
      "rgb": {
        "r": 11,
        "g": 15,
        "b": 25
      },
      "usage": "Text primari i fons foscos"
    },
    {
      "name": "Coral",
      "group": "Brand",
      "cssVar": "--coral",
      "hex": "#FF6B4A",
      "rgb": {
        "r": 255,
        "g": 107,
        "b": 74
      },
      "usage": "Accent secundari — èmfasi puntual"
    },
    {
      "name": "Ink 2",
      "group": "Ink",
      "cssVar": "--ink-2",
      "hex": "#11172A",
      "rgb": {
        "r": 17,
        "g": 23,
        "b": 42
      },
      "usage": "Superfície fosca elevada"
    },
    {
      "name": "Ink 3",
      "group": "Ink",
      "cssVar": "--ink-3",
      "hex": "#1B2238",
      "rgb": {
        "r": 27,
        "g": 34,
        "b": 56
      },
      "usage": "Hexàgon inferior-esquerre del mark"
    },
    {
      "name": "Paper",
      "group": "Paper",
      "cssVar": "--paper",
      "hex": "#FAFAF7",
      "rgb": {
        "r": 250,
        "g": 250,
        "b": 247
      },
      "usage": "Fons base clar"
    },
    {
      "name": "Cream",
      "group": "Paper",
      "cssVar": "--cream",
      "hex": "#F2EFE7",
      "rgb": {
        "r": 242,
        "g": 239,
        "b": 231
      },
      "usage": "Fons de secció alternatiu"
    },
    {
      "name": "Cream 2",
      "group": "Paper",
      "cssVar": "--cream-2",
      "hex": "#EAE6DA",
      "rgb": {
        "r": 234,
        "g": 230,
        "b": 218
      },
      "usage": "Vores i línies sobre cream"
    },
    {
      "name": "Mist",
      "group": "Neutral",
      "cssVar": "--mist",
      "hex": "#E5E7EB",
      "rgb": {
        "r": 229,
        "g": 231,
        "b": 235
      },
      "usage": "Línies i separadors"
    },
    {
      "name": "Mist 2",
      "group": "Neutral",
      "cssVar": "--mist-2",
      "hex": "#D1D5DB",
      "rgb": {
        "r": 209,
        "g": 213,
        "b": 219
      },
      "usage": "Línies amb més contrast"
    },
    {
      "name": "Slate 700",
      "group": "Slate",
      "cssVar": "--slate-700",
      "hex": "#2A3040",
      "rgb": {
        "r": 42,
        "g": 48,
        "b": 64
      },
      "usage": "Text fosc secundari"
    },
    {
      "name": "Slate 500",
      "group": "Slate",
      "cssVar": "--slate-500",
      "hex": "#5E667A",
      "rgb": {
        "r": 94,
        "g": 102,
        "b": 122
      },
      "usage": "Text suau — body secundari"
    },
    {
      "name": "Slate 400",
      "group": "Slate",
      "cssVar": "--slate-400",
      "hex": "#8A92A6",
      "rgb": {
        "r": 138,
        "g": 146,
        "b": 166
      },
      "usage": "Text apagat / mutejat"
    },
    {
      "name": "Slate 300",
      "group": "Slate",
      "cssVar": "--slate-300",
      "hex": "#B7BDC9",
      "rgb": {
        "r": 183,
        "g": 189,
        "b": 201
      },
      "usage": "Text sobre fons fosc"
    }
  ]
}