{
  "name": "SIP to Retire",
  "colors": [
    {
      "name": "Dhara Teal",
      "token": "teal",
      "group": "Primary",
      "hex": "#0F766E",
      "rgb": [
        15,
        118,
        110
      ],
      "use": "The brand colour. Buttons, links, the mark."
    },
    {
      "name": "Deep Navy",
      "token": "navy",
      "group": "Primary",
      "hex": "#1E3A8A",
      "rgb": [
        30,
        58,
        138
      ],
      "use": "Institutional depth. Headings and data."
    },
    {
      "name": "Saffron",
      "token": "saffron",
      "group": "Primary",
      "hex": "#F59E0B",
      "rgb": [
        245,
        158,
        11
      ],
      "use": "The one warm accent. Highlights and the seed; fills only, never text."
    },
    {
      "name": "Ink",
      "token": "ink",
      "group": "Neutrals",
      "hex": "#0F172A",
      "rgb": [
        15,
        23,
        42
      ],
      "use": "Text and the wordmark on light backgrounds."
    },
    {
      "name": "Slate",
      "token": "slate",
      "group": "Neutrals",
      "hex": "#475569",
      "rgb": [
        71,
        85,
        105
      ],
      "use": "Body copy and secondary text."
    },
    {
      "name": "Mist",
      "token": "mist",
      "group": "Neutrals",
      "hex": "#E2E8F0",
      "rgb": [
        226,
        232,
        240
      ],
      "use": "Borders, dividers, gridlines."
    },
    {
      "name": "Paper",
      "token": "paper",
      "group": "Neutrals",
      "hex": "#F8FAFC",
      "rgb": [
        248,
        250,
        252
      ],
      "use": "Backgrounds. Most of every screen."
    },
    {
      "name": "Drop Teal",
      "token": "drop",
      "group": "Supporting",
      "hex": "#14B8A6",
      "rgb": [
        20,
        184,
        166
      ],
      "use": "The drop in the mark."
    },
    {
      "name": "Light Teal",
      "token": "teal-light",
      "group": "Supporting",
      "hex": "#2DD4BF",
      "rgb": [
        45,
        212,
        191
      ],
      "use": "Teal on dark backgrounds: bars, buttons, links."
    },
    {
      "name": "Mint",
      "token": "mint",
      "group": "Supporting",
      "hex": "#5EEAD4",
      "rgb": [
        94,
        234,
        212
      ],
      "use": "The drop and \"to\" on dark backgrounds."
    },
    {
      "name": "Saffron Text",
      "token": "saffron-text",
      "group": "Supporting",
      "hex": "#B45309",
      "rgb": [
        180,
        83,
        9
      ],
      "use": "Saffron when it must be text (4.8:1 on Paper)."
    },
    {
      "name": "Night",
      "token": "night",
      "group": "Supporting",
      "hex": "#0B1220",
      "rgb": [
        11,
        18,
        32
      ],
      "use": "Dark backgrounds and dark mode."
    },
    {
      "name": "Gain",
      "token": "gain",
      "group": "Data",
      "hex": "#15803D",
      "rgb": [
        21,
        128,
        61
      ],
      "use": "Gains, always with ▲ and a + sign."
    },
    {
      "name": "Loss",
      "token": "loss",
      "group": "Data",
      "hex": "#B91C1C",
      "rgb": [
        185,
        28,
        28
      ],
      "use": "Losses, always with ▼ and a − sign."
    }
  ]
}