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

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

{
  "global": {
    "category": "system-color-cyan"
  },
  "props": [
    {
      "name": "cyan",
      "value": [
        { "name": "5", "value": "#e7f6f8" },
        { "name": "10", "value": "#ccecf2" },
        { "name": "20", "value": "#99deea" },
        { "name": "30", "value": "#5dc0d1" },
        { "name": "40", "value": "#449dac" },
        { "name": "50", "value": "#168092" },
        { "name": "60", "value": "#2a646d" },
        { "name": "70", "value": "#2c4a4e" },
        { "name": "80", "value": "#203133" },
        { "name": "90", "value": "#111819" },
        {
          "name": "vivid",
          "value": [
            { "name": "5", "value": "#e5faff" },
            { "name": "10", "value": "#a8f2ff" },
            { "name": "20", "value": "#52daf2" },
            { "name": "30", "value": "#00bde3" },
            { "name": "40", "value": "#009ec1" },
            { "name": "50", "value": "#0081a1" },
            { "name": "60", "value": "#00687d" },
            { "name": "70", "value": "#0e4f5c" },
            { "name": "80", "value": "#093b44" },
            { "name": "90", "value": false }
          ]
        }
      ]
    }
  ],
  "options": {
    "file": "system-color"
  }
}