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

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

{
  "global": {
    "category": "system-color-violet-warm"
  },
  "props": [
    {
      "name": "violet-warm",
      "value": [
        { "name": "5", "value": "#f8f0f9" },
        { "name": "10", "value": "#f6dff8" },
        { "name": "20", "value": "#e2bee4" },
        { "name": "30", "value": "#d29ad8" },
        { "name": "40", "value": "#bf77c8" },
        { "name": "50", "value": "#b04abd" },
        { "name": "60", "value": "#864381" },
        { "name": "70", "value": "#5c395a" },
        { "name": "80", "value": "#382936" },
        { "name": "90", "value": "#1b151b" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#fef2ff" },
            { "name": "10", "value": "#fbdcff" },
            { "name": "20", "value": "#f4b2ff" },
            { "name": "30", "value": "#ee83ff" },
            { "name": "40", "value": "#d85bef" },
            { "name": "50", "value": "#be32d0" },
            { "name": "60", "value": "#93348c" },
            { "name": "70", "value": "#711e6c" },
            { "name": "80", "value": "#481441" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}