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

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

{
  "global": {
    "category": "system-color-indigo-warm"
  },
  "props": [
    {
      "name": "indigo-warm",
      "value": [
        { "name": "5", "value": "#f1eff7" },
        { "name": "10", "value": "#e7e3fa" },
        { "name": "20", "value": "#cbc4f2" },
        { "name": "30", "value": "#afa5e8" },
        { "name": "40", "value": "#9287d8" },
        { "name": "50", "value": "#7665d1" },
        { "name": "60", "value": "#5e519e" },
        { "name": "70", "value": "#453c7b" },
        { "name": "80", "value": "#2e2c40" },
        { "name": "90", "value": "#18161d" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#f5f2ff" },
            { "name": "10", "value": "#e4deff" },
            { "name": "20", "value": "#cfc4fd" },
            { "name": "30", "value": "#b69fff" },
            { "name": "40", "value": "#967efb" },
            { "name": "50", "value": "#745fe9" },
            { "name": "60", "value": "#5942d2" },
            { "name": "70", "value": "#3d2c9d" },
            { "name": "80", "value": "#261f5b" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}