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

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

{
  "global": {
    "category": "system-color-red"
  },
  "props": [
    {
      "name": "red",
      "value": [
        { "name": "5", "value": "#f9eeee" },
        { "name": "10", "value": "#f8e1de" },
        { "name": "20", "value": "#f7bbb1" },
        { "name": "30", "value": "#f2938c" },
        { "name": "40", "value": "#e9695f" },
        { "name": "50", "value": "#d83933" },
        { "name": "60", "value": "#a23737" },
        { "name": "70", "value": "#6f3331" },
        { "name": "80", "value": "#3e2927" },
        { "name": "90", "value": "#1b1616" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#fff3f2" },
            { "name": "10", "value": "#fde0db" },
            { "name": "20", "value": "#fdb8ae" },
            { "name": "30", "value": "#ff8d7b" },
            { "name": "40", "value": "#fb5a47" },
            { "name": "50", "value": "#e52207" },
            { "name": "60", "value": "#b50909" },
            { "name": "70", "value": "#8b0a03" },
            { "name": "80", "value": "#5c1111" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}