Color Scheme Generator

Brand
CTA
Info
Warning
Success
Danger
Grays
TailwindSASSSCSSLess
'white': '#ffffff',
'gray-lightest': '#faf9f8',
'gray-lighter': '#e6e5e4',
'gray-light': '#d2d1d0',
'gray': '#bfbebd',
'gray-dark': '#989796',
'gray-darker': '#706f6e',
'gray-darkest': '#494848',
'black': '#222120',

'brand-light': '#f6dcc2,
'brand': '#c07a00,
'brand-dark': '#5d3d10,

'cta-light': '#d0e9ef,
'cta': '#00a6c0,
'cta-dark': '#1c505c,

'info-light': '#e1f1f3,
'info': '#83c9cf,
'info-dark': '#425f62,

'warning-light': '#fff1ca,
'warning': '#f3c900,
'warning-dark': '#735f17,

'success-light': '#e0f6cf,
'success': '#71d838,
'success-dark': '#3b6623,

'danger-light': '#ffd5cb,
'danger': '#f34a3b,
'danger-dark': '#742b21,