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

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

{
  "global": {
    "category": "system-color-indigo-cool"
  },
  "props": [
    {
      "name": "indigo-cool",
      "value": [
        { "name": "5", "value": "#eef0f9" },
        { "name": "10", "value": "#e1e6f9" },
        { "name": "20", "value": "#bbc8f5" },
        { "name": "30", "value": "#96abee" },
        { "name": "40", "value": "#6b8ee8" },
        { "name": "50", "value": "#496fd8" },
        { "name": "60", "value": "#3f57a6" },
        { "name": "70", "value": "#374274" },
        { "name": "80", "value": "#292d42" },
        { "name": "90", "value": "#151622" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#edf0ff" },
            { "name": "10", "value": "#dee5ff" },
            { "name": "20", "value": "#b8c8ff" },
            { "name": "30", "value": "#94adff" },
            { "name": "40", "value": "#628ef4" },
            { "name": "50", "value": "#4866ff" },
            { "name": "60", "value": "#3e4ded" },
            { "name": "70", "value": "#222fbf" },
            { "name": "80", "value": "#1b2b85" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}