colors

Colors

---
  global:
    category: "color"
  props:
    color-brand--envato:
      value: 'hsl(86, 47%, 48%)'
      type: color
    color-brand--powerelite:
      value: 'hsl(91, 38%, 51%)'
      type: color
    color-brand--audiojungle:
      value: 'hsl(76, 60%, 47%)'
      type: color
    color-brand--themeforest:
      value: 'hsl(168, 76%, 42%)'
      type: color
    color-brand--graphicriver:
      value: 'hsl(196, 57%, 44%)'
      type: color
    color-brand--photodune:
      value: 'hsl(185, 82%, 33%)'
      type: color
    color-brand--envatostudio:
      value: 'hsl(192, 75%, 49%)'
      type: color
    color-brand--3docean:
      value: 'hsl(346, 84%, 36%)'
      type: color
    color-brand--codecanyon:
      value: 'hsl(28, 79%, 55%)'
      type: color
    color-brand--videohive:
      value: 'hsl(43, 98%, 46%)'
      type: color
    color-ui--black:
      value: "hsl(0, 0%, 0%)"
      type: "color"
    color-ui--grey-10:
      value: "hsl(0, 0%, 10%)"
      type: "color"
    color-ui--grey-20:
      value: "hsl(0, 0%, 20%)"
      type: "color"
    color-ui--grey-30:
      value: "hsl(0, 0%, 30%)"
      type: "color"
    color-ui--grey-40:
      value: "hsl(0, 0%, 40%)"
      type: "color"
    color-ui--grey-50:
      value: "hsl(0, 0%, 50%)"
      type: "color"
    color-ui--grey-60:
      value: "hsl(0, 0%, 60%)"
      type: "color"
    color-ui--grey-70:
      value: "hsl(0, 0%, 70%)"
      type: "color"
    color-ui--grey-80:
      value: "hsl(0, 0%, 80%)"
      type: "color"
    color-ui--grey-90:
      value: "hsl(0, 0%, 90%)"
      type: "color"
    color-ui--grey-95:
      value: "hsl(0, 0%, 95%)"
      type: "color"
    color-ui--grey-98:
      value: "hsl(0, 0%, 98%)"
      type: "color"
    color-ui--white:
      value: "hsl(0, 0%, 100%)"
      type: "color"
    color-brand-background--3docean:
      value: "hsl(346, 75%, 40%)"
      type: "color"
    color-brand-background--audiojungle:
      value: "hsl(83, 56%, 45%)"
      type: "color"
    color-brand-background--themeforest:
      value: "hsl(171, 72%, 43%)"
      type: "color"
    color-brand-background--videohive:
      value: "hsl(38, 88%, 53%)"
      type: "color"
    color-ui--red-darker:
      value: "hsl(1, 61%, 34%)"
      type: "color"
    color-ui--red-dark:
      value: "hsl(1, 61%, 39%)"
      type: "color"
    color-ui--red:
      value: "hsl(1, 61%, 44%)"
      type: "color"
    color-ui--red-light:
      value: "hsl(1, 61%, 49%)"
      type: "color"
    color-ui--red-lighter:
      value: "hsl(2, 61%, 64%)"
      type: "color"
    color-ui--green-darker:
      value: "hsl(87, 57%, 20%)"
      type: "color"
    color-ui--green-dark:
      value: "hsl(87, 58%, 35%)"
      type: "color"
    color-ui--green:
      value: "hsl(87, 58%, 40%)"
      type: "color"
    color-ui--green-light:
      value: "hsl(87, 58%, 45%)"
      type: "color"
    color-ui--green-lighter:
      value: "hsl(87, 58%, 60%)"
      type: "color"
    color-ui--orange-darker:
      value: "hsl(23, 85%, 38%)"
      type: "color"
    color-ui--orange-dark:
      value: "hsl(23, 85%, 53%)"
      type: "color"
    color-ui--orange:
      value: "hsl(23, 85%, 58%)"
      type: "color"
    color-ui--orange-light:
      value: "hsl(23, 85%, 63%)"
      type: "color"
    color-ui--orange-lighter:
      value: "hsl(23, 86%, 78%)"
      type: "color"
    color-ui--blue:
      value: "hsl(196, 90%, 31%);"
      type: "color"
    color-ui--blue-darker:
      value: "hsl(196, 89%, 11%)"
      type: "color"
    color-ui--blue-dark:
      value: "hsl(196, 90%, 26%);"
      type: "color"
    color-ui--blue-light:
      value: "hsl(196, 90%, 36%);"
      type: "color"
    color-ui--blue-lighter:
      value: "hsl(196, 90%, 51%)"
      type: "color"