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

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

{
  "global": {
    "category": "system-color-orange"
  },
  "props": [
    {
      "name": "orange",
      "value": [
        { "name": "5", "value": "#f6efe9" },
        { "name": "10", "value": "#f2e4d4" },
        { "name": "20", "value": "#f3bf90" },
        { "name": "30", "value": "#f09860" },
        { "name": "40", "value": "#dd7533" },
        { "name": "50", "value": "#a86437" },
        { "name": "60", "value": "#775540" },
        { "name": "70", "value": "#524236" },
        { "name": "80", "value": "#332d27" },
        { "name": "90", "value": "#1b1614" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#fef2e4" },
            { "name": "10", "value": "#fce2c5" },
            { "name": "20", "value": "#ffbc78" },
            { "name": "30", "value": "#fa9441" },
            { "name": "40", "value": "#e66f0e" },
            { "name": "50", "value": "#c05600" },
            { "name": "60", "value": "#8c471c" },
            { "name": "70", "value": "#5f3617" },
            { "name": "80", "value": "#352313" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}