{
  "source": "infra/gallery/src/palettes.ts, render.ts and mascot.ts",
  "colors": [
    {
      "id": "indigo",
      "name": "Plz indigo",
      "hex": "#5B4BFF",
      "role": "Brand color: app icon field, buttons and links in light mode",
      "rgb": [
        91,
        75,
        255
      ]
    },
    {
      "id": "indigo-dark",
      "name": "Indigo on dark",
      "hex": "#6C5CFF",
      "role": "Buttons and fills in dark mode",
      "rgb": [
        108,
        92,
        255
      ]
    },
    {
      "id": "indigo-text-dark",
      "name": "Indigo text on dark",
      "hex": "#A79DFF",
      "role": "Accent text and links in dark mode",
      "rgb": [
        167,
        157,
        255
      ]
    },
    {
      "id": "indigo-soft",
      "name": "Indigo soft",
      "hex": "#8F84FF",
      "role": "Gradient partner of the indigo",
      "rgb": [
        143,
        132,
        255
      ]
    },
    {
      "id": "ink",
      "name": "Ink",
      "hex": "#14131A",
      "role": "Mascot eyes, text in light mode",
      "rgb": [
        20,
        19,
        26
      ]
    },
    {
      "id": "pearl",
      "name": "Pearl",
      "hex": "#FFFFFF",
      "role": "Mascot highlight, text on indigo",
      "rgb": [
        255,
        255,
        255
      ]
    },
    {
      "id": "pearl-mist",
      "name": "Pearl mist",
      "hex": "#EEF0F8",
      "role": "Mascot shell, second stop",
      "rgb": [
        238,
        240,
        248
      ]
    },
    {
      "id": "pearl-shade",
      "name": "Pearl shade",
      "hex": "#C3C8DE",
      "role": "Mascot shell, third stop",
      "rgb": [
        195,
        200,
        222
      ]
    },
    {
      "id": "pearl-edge",
      "name": "Pearl edge",
      "hex": "#AEB4D2",
      "role": "Mascot shell, outer edge",
      "rgb": [
        174,
        180,
        210
      ]
    },
    {
      "id": "page-light",
      "name": "Page (light)",
      "hex": "#F4F5FA",
      "role": "Site background, light",
      "rgb": [
        244,
        245,
        250
      ]
    },
    {
      "id": "page-dark",
      "name": "Page (dark)",
      "hex": "#0E0D12",
      "role": "Site background, dark",
      "rgb": [
        14,
        13,
        18
      ]
    },
    {
      "id": "surface-dark",
      "name": "Surface (dark)",
      "hex": "#16151C",
      "role": "Cards and panels, dark",
      "rgb": [
        22,
        21,
        28
      ]
    },
    {
      "id": "text-dark",
      "name": "Text (dark mode)",
      "hex": "#F2F2F7",
      "role": "Body text on dark",
      "rgb": [
        242,
        242,
        247
      ]
    },
    {
      "id": "muted-light",
      "name": "Muted text (light)",
      "hex": "#4F4E5E",
      "role": "Secondary text, light",
      "rgb": [
        79,
        78,
        94
      ]
    },
    {
      "id": "muted-dark",
      "name": "Muted text (dark)",
      "hex": "#A3A2B3",
      "role": "Secondary text, dark",
      "rgb": [
        163,
        162,
        179
      ]
    }
  ]
}