optn-colors.json

[
  {
    "name": "optn-Ghost-White",
    "hex": "#f4f4f9",
    "rgb": "rgb(244, 244, 249)",
    "hsl": "hsl(240, 29%, 97%)"
  },
  {
    "name": "Light Mist",
    "rgb": "rgb(193, 216, 220)"
  },
  {
    "name": "optn-Sky-Blue",
    "hex": "#75e2fa",
    "rgb": "rgb(117, 226, 250)",
    "hsl": "hsl(191, 93%, 72%)"
  },
  {
    "name": "optn-Livery-Teal",
    "hex": "#0085a3",
    "rgb": "rgb(0, 133, 163)",
    "hsl": "hsl(191, 100%, 32%)"
  },
  {
    "name": "optn-Midnight Blue",
    "hex": "#002a33",
    "rgb": "rgb(0, 42, 51)",
    "hsl": "hsl(191, 100%, 10%)"
  },
  {
    "name": "optn-Rich-Black",
    "hex": "#00151a",
    "rgb": "rgb(0, 21, 26)",
    "hsl": "hssl(192, 100%, 5%)"
  },
  {
    "name": "optn-Canopy-Green",
    "hex": "#00856c",
    "rgb": "rgb(0, 133, 108)",
    "hsl": "hsl(169, 100%, 26%)"
  },
  {
    "name": "optn-Vibrant-Green",
    "hex": "#00cca7",
    "rgb": "rgb(0, 204, 167)",
    "hsl": "hsl(169, 100%, 40%)"
  },
  {
    "name": "optn-Vibrant-Red",
    "hex": "#ed254e",
    "rgb": "rgb(237, 37, 78)",
    "hsl": "hsl(348, 85%, 54%)"
  },
  {
    "name": "optn-Alarming-Yellow",
    "hex": "#ffbd33",
    "rgb": "rgb(255, 189, 51)",
    "hsl": "hsl(41, 100%, 60%)"
  }
]