---
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"