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

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

{
  "global": {
    "category": "system-color-green"
  },
  "props": [
    {
      "name": "green",
      "value": [
        { "name": "5", "value": "#eaf4dd" },
        { "name": "10", "value": "#dfeacd" },
        { "name": "20", "value": "#b8d293" },
        { "name": "30", "value": "#9bb672" },
        { "name": "40", "value": "#7d9b4e" },
        { "name": "50", "value": "#607f35" },
        { "name": "60", "value": "#4c6424" },
        { "name": "70", "value": "#3c4a29" },
        { "name": "80", "value": "#293021" },
        { "name": "90", "value": "#161814" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#ddf9c7" },
            { "name": "10", "value": "#c5ee93" },
            { "name": "20", "value": "#98d035" },
            { "name": "30", "value": "#7fb135" },
            { "name": "40", "value": "#719f2a" },
            { "name": "50", "value": "#538200" },
            { "name": "60", "value": "#466c04" },
            { "name": "70", "value": "#2f4a0b" },
            { "name": "80", "value": "#243413" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}