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

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

{
  "global": {
    "category": "system-color-violet"
  },
  "props": [
    {
      "name": "violet",
      "value": [
        { "name": "5", "value": "#f4f1f9" },
        { "name": "10", "value": "#ebe3f9" },
        { "name": "20", "value": "#d0c3e9" },
        { "name": "30", "value": "#b8a2e3" },
        { "name": "40", "value": "#9d84d2" },
        { "name": "50", "value": "#8168b3" },
        { "name": "60", "value": "#665190" },
        { "name": "70", "value": "#4c3d69" },
        { "name": "80", "value": "#312b3f" },
        { "name": "90", "value": "#18161d" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#f7f2ff" },
            { "name": "10", "value": "#ede3ff" },
            { "name": "20", "value": "#d5bfff" },
            { "name": "30", "value": "#c39deb" },
            { "name": "40", "value": "#ad79e9" },
            { "name": "50", "value": "#9355dc" },
            { "name": "60", "value": "#783cb9" },
            { "name": "70", "value": "#54278f" },
            { "name": "80", "value": "#39215e" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}