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

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

{
  "global": {
    "category": "system-color-red-cool"
  },
  "props": [
    {
      "name": "red-cool",
      "value": [
        { "name": "5", "value": "#f8eff1" },
        { "name": "10", "value": "#f3e1e4" },
        { "name": "20", "value": "#ecbec6" },
        { "name": "30", "value": "#e09aa6" },
        { "name": "40", "value": "#e16b80" },
        { "name": "50", "value": "#cd425b" },
        { "name": "60", "value": "#9e394b" },
        { "name": "70", "value": "#68363f" },
        { "name": "80", "value": "#40282c" },
        { "name": "90", "value": "#1e1517" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#fff2f5" },
            { "name": "10", "value": "#f8dfe2" },
            { "name": "20", "value": "#f8b9c5" },
            { "name": "30", "value": "#fd8ba0" },
            { "name": "40", "value": "#f45d79" },
            { "name": "50", "value": "#e41d3d" },
            { "name": "60", "value": "#b21d38" },
            { "name": "70", "value": "#822133" },
            { "name": "80", "value": "#4f1c24" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}