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

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

{
  "global": {
    "category": "system-color-orange-warm"
  },
  "props": [
    {
      "name": "orange-warm",
      "value": [
        { "name": "5", "value": "#faeee5" },
        { "name": "10", "value": "#fbe0d0" },
        { "name": "20", "value": "#f7bca2" },
        { "name": "30", "value": "#f3966d" },
        { "name": "40", "value": "#e17141" },
        { "name": "50", "value": "#bd5727" },
        { "name": "60", "value": "#914734" },
        { "name": "70", "value": "#633a32" },
        { "name": "80", "value": "#3d2925" },
        { "name": "90", "value": "#1c1615" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#fff3ea" },
            { "name": "10", "value": "#ffe2d1" },
            { "name": "20", "value": "#fbbaa7" },
            { "name": "30", "value": "#fc906d" },
            { "name": "40", "value": "#ff580a" },
            { "name": "50", "value": "#cf4900" },
            { "name": "60", "value": "#a72f10" },
            { "name": "70", "value": "#782312" },
            { "name": "80", "value": "#3d231d" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}