@uswds/uswds/packages/uswds-tokens/colors/mint-cool.json

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

{
  "global": {
    "category": "system-color-mint-cool"
  },
  "props": [
    {
      "name": "mint-cool",
      "value": [
        { "name": "5", "value": "#e0f7f6" },
        { "name": "10", "value": "#c4eeeb" },
        { "name": "20", "value": "#9bd4cf" },
        { "name": "30", "value": "#6fbab3" },
        { "name": "40", "value": "#4f9e99" },
        { "name": "50", "value": "#40807e" },
        { "name": "60", "value": "#376462" },
        { "name": "70", "value": "#2a4b45" },
        { "name": "80", "value": "#203131" },
        { "name": "90", "value": "#111818" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#d5fbf3" },
            { "name": "10", "value": "#7efbe1" },
            { "name": "20", "value": "#29e1cb" },
            { "name": "30", "value": "#1dc2ae" },
            { "name": "40", "value": "#00a398" },
            { "name": "50", "value": "#008480" },
            { "name": "60", "value": "#0f6460" },
            { "name": "70", "value": "#0b4b3f" },
            { "name": "80", "value": "#123131" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}