{
  "name": "Pythenians II",
  "groups": [
    {
      "name": "Backgrounds",
      "colors": [
        {
          "name": "Asphalt",
          "hex": "#232120",
          "rgb": "35, 33, 32",
          "use": "Page background"
        },
        {
          "name": "Night",
          "hex": "#17130f",
          "rgb": "23, 19, 15",
          "use": "Hub background"
        },
        {
          "name": "Ink",
          "hex": "#171310",
          "rgb": "23, 19, 16",
          "use": "Deep panels, text on ivory"
        },
        {
          "name": "Panel",
          "hex": "#1d1815",
          "rgb": "29, 24, 21",
          "use": "Cards and panels"
        },
        {
          "name": "Ink 2",
          "hex": "#241d18",
          "rgb": "36, 29, 24",
          "use": "Raised panels"
        },
        {
          "name": "Soot",
          "hex": "#0a0908",
          "rgb": "10, 9, 8",
          "use": "Footer and stripes"
        }
      ]
    },
    {
      "name": "Text colours",
      "colors": [
        {
          "name": "Ivory",
          "hex": "#f2ece2",
          "rgb": "242, 236, 226",
          "use": "Primary text"
        },
        {
          "name": "Concrete",
          "hex": "#b8b3ab",
          "rgb": "184, 179, 171",
          "use": "Secondary text"
        },
        {
          "name": "Concrete dark",
          "hex": "#57534c",
          "rgb": "87, 83, 76",
          "use": "Muted text and lines"
        }
      ]
    },
    {
      "name": "Accent colours",
      "colors": [
        {
          "name": "Flame",
          "hex": "#f7841f",
          "rgb": "247, 132, 31",
          "use": "Main buttons, highlights, stripes"
        },
        {
          "name": "Violet",
          "hex": "#7b3fd4",
          "rgb": "123, 63, 212",
          "use": "Brand fills, bars, borders"
        },
        {
          "name": "Violet ink",
          "hex": "#a074e2",
          "rgb": "160, 116, 226",
          "use": "Violet text on dark backgrounds"
        },
        {
          "name": "Magenta",
          "hex": "#c2478f",
          "rgb": "194, 71, 143",
          "use": "Middle of the gradient"
        }
      ]
    },
    {
      "name": "Navigation blues",
      "colors": [
        {
          "name": "Steel",
          "hex": "#0a121c",
          "rgb": "10, 18, 28",
          "use": "Navigation bar background"
        },
        {
          "name": "Steel 2",
          "hex": "#16283a",
          "rgb": "22, 40, 58",
          "use": "Navigation bar highlight"
        },
        {
          "name": "Steel rim",
          "hex": "#6f9dc8",
          "rgb": "111, 157, 200",
          "use": "Navigation bar edge glow"
        }
      ]
    },
    {
      "name": "Logo colours",
      "colors": [
        {
          "name": "Spray mint",
          "hex": "#0bdf6e",
          "rgb": "11, 223, 110",
          "use": "The II in Sunrise and Aurora"
        },
        {
          "name": "Spray orange",
          "hex": "#fb741a",
          "rgb": "251, 116, 26",
          "use": "The II in Violet, Mint and Dusk"
        },
        {
          "name": "Sunrise orange",
          "hex": "#fb8d19",
          "rgb": "251, 141, 25",
          "use": "Sunrise logo, top"
        },
        {
          "name": "Sunrise yellow",
          "hex": "#fbfd1c",
          "rgb": "251, 253, 28",
          "use": "Sunrise logo, middle"
        },
        {
          "name": "Deep violet",
          "hex": "#5d1fc0",
          "rgb": "93, 31, 192",
          "use": "Violet logo, top"
        },
        {
          "name": "Lavender",
          "hex": "#dec6fa",
          "rgb": "222, 198, 250",
          "use": "Violet logo, bottom"
        },
        {
          "name": "Ice",
          "hex": "#aceff5",
          "rgb": "172, 239, 245",
          "use": "Mint logo, bottom"
        },
        {
          "name": "Speckle navy",
          "hex": "#344185",
          "rgb": "52, 65, 133",
          "use": "Paint speckles"
        }
      ]
    }
  ],
  "gradient": {
    "name": "Heat",
    "css": "linear-gradient(90deg, #7b3fd4 0%, #c2478f 54%, #f7841f 100%)"
  }
}