{
  "core": [
    {
      "name": "Ink",
      "hex": "#121212",
      "rgb": [
        18,
        18,
        18
      ],
      "cmyk_approx": [
        0,
        0,
        0,
        93
      ],
      "use": "Mark body, wordmark, text on light backgrounds"
    },
    {
      "name": "Paper",
      "hex": "#FFFFFF",
      "rgb": [
        255,
        255,
        255
      ],
      "cmyk_approx": [
        0,
        0,
        0,
        0
      ],
      "use": "Default background"
    },
    {
      "name": "Foxl Blue",
      "hex": "#0969E3",
      "rgb": [
        9,
        105,
        227
      ],
      "cmyk_approx": [
        96,
        54,
        0,
        11
      ],
      "use": "The crescent. Logo accent only, never a background"
    }
  ],
  "neutrals": [
    {
      "name": "Graphite",
      "hex": "#333336",
      "rgb": [
        51,
        51,
        54
      ],
      "cmyk_approx": [
        6,
        6,
        0,
        79
      ],
      "use": "Secondary dark, from the mark's planes"
    },
    {
      "name": "Slate",
      "hex": "#1C1F26",
      "rgb": [
        28,
        31,
        38
      ],
      "cmyk_approx": [
        26,
        18,
        0,
        85
      ],
      "use": "Dark surfaces. The app's dark sidebar, hsl(220 16% 13%)"
    },
    {
      "name": "Mist",
      "hex": "#F5F5F5",
      "rgb": [
        245,
        245,
        245
      ],
      "cmyk_approx": [
        0,
        0,
        0,
        4
      ],
      "use": "Light surfaces, cards"
    },
    {
      "name": "Line",
      "hex": "#E5E5E5",
      "rgb": [
        229,
        229,
        229
      ],
      "cmyk_approx": [
        0,
        0,
        0,
        10
      ],
      "use": "Borders and dividers"
    }
  ],
  "interface": [
    {
      "name": "Brand",
      "token": "--brand",
      "hsl": "215 60% 45%",
      "hex": "#2E67B8",
      "use": "Links and UI accents on foxl.ai and in the app"
    },
    {
      "name": "Brand Light",
      "token": "--brand-light",
      "hsl": "215 50% 58%",
      "hex": "#5E8BC9",
      "use": "UI accent on dark"
    },
    {
      "name": "Brand Dark",
      "token": "--brand-dark",
      "hsl": "215 65% 32%",
      "hex": "#1D4987",
      "use": "Hover and pressed states"
    }
  ],
  "mark_gradient": {
    "back_plane": [
      "#333336",
      "#121212"
    ],
    "front_plane": [
      "#333336",
      "#3C3C3F"
    ],
    "cheek": [
      "#191818",
      "#333336"
    ],
    "crescent": [
      "#0961CC",
      "#0968E3",
      "#0647A3"
    ]
  }
}