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

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

{
  "global": {
    "category": "system-color-blue-warm"
  },
  "props": [
    {
      "name": "blue-warm",
      "value": [
        { "name": "5", "value": "#ecf1f7" },
        { "name": "10", "value": "#e1e7f1" },
        { "name": "20", "value": "#bbcae4" },
        { "name": "30", "value": "#98afd2" },
        { "name": "40", "value": "#7292c7" },
        { "name": "50", "value": "#4a77b4" },
        { "name": "60", "value": "#345d96" },
        { "name": "70", "value": "#2f4668" },
        { "name": "80", "value": "#252f3e" },
        { "name": "90", "value": "#13171f" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#edf5ff" },
            { "name": "10", "value": "#d4e5ff" },
            { "name": "20", "value": "#adcdff" },
            { "name": "30", "value": "#81aefc" },
            { "name": "40", "value": "#5994f6" },
            { "name": "50", "value": "#2672de" },
            { "name": "60", "value": "#0050d8" },
            { "name": "70", "value": "#1a4480" },
            { "name": "80", "value": "#162e51" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}