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

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

{
  "global": {
    "category": "system-color-yellow"
  },
  "props": [
    {
      "name": "yellow",
      "value": [
        { "name": "5", "value": "#faf3d1" },
        { "name": "10", "value": "#f5e6af" },
        { "name": "20", "value": "#e6c74c" },
        { "name": "30", "value": "#c9ab48" },
        { "name": "40", "value": "#a88f48" },
        { "name": "50", "value": "#8a7237" },
        { "name": "60", "value": "#6b5a39" },
        { "name": "70", "value": "#504332" },
        { "name": "80", "value": "#332d27" },
        { "name": "90", "value": "#1a1614" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#fff5c2" },
            { "name": "10", "value": "#fee685" },
            { "name": "20", "value": "#face00" },
            { "name": "30", "value": "#ddaa01" },
            { "name": "40", "value": "#b38c00" },
            { "name": "50", "value": "#947100" },
            { "name": "60", "value": "#776017" },
            { "name": "70", "value": "#5c4809" },
            { "name": "80", "value": "#422d19" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}