@uswds/uswds/packages/uswds-tokens/colors/indigo.json

Open source UI components and visual style guide for U.S. government websites

{
  "global": {
    "category": "system-color-indigo"
  },
  "props": [
    {
      "name": "indigo",
      "value": [
        { "name": "5", "value": "#efeff8" },
        { "name": "10", "value": "#e5e4fa" },
        { "name": "20", "value": "#c5c5f3" },
        { "name": "30", "value": "#a5a8eb" },
        { "name": "40", "value": "#8889db" },
        { "name": "50", "value": "#676cc8" },
        { "name": "60", "value": "#4d52af" },
        { "name": "70", "value": "#3d4076" },
        { "name": "80", "value": "#2b2c40" },
        { "name": "90", "value": "#16171f" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#f0f0ff" },
            { "name": "10", "value": "#e0e0ff" },
            { "name": "20", "value": "#ccceff" },
            { "name": "30", "value": "#a3a7fa" },
            { "name": "40", "value": "#8289ff" },
            { "name": "50", "value": "#656bd7" },
            { "name": "60", "value": "#4a50c4" },
            { "name": "70", "value": "#3333a3" },
            { "name": "80", "value": "#212463" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}