Color Scheme Generator

Brand
CTA
Info
Warning
Success
Danger
Grays
TailwindSASSSCSSLess
'white': '#ffffff',
'gray-lightest': '#fafafa',
'gray-lighter': '#e6e6e6',
'gray-light': '#d2d2d2',
'gray': '#bfbfbf',
'gray-dark': '#989898',
'gray-darker': '#707070',
'gray-darkest': '#49494a',
'black': '#222222',

'brand-light': '#f5f8fc,
'brand': '#d7e2f2,
'brand-dark': '#666a71,

'cta-light': '#fcf6f5,
'cta': '#f2dad7,
'cta-dark': '#716766,

'info-light': '#e0f7fe,
'info': '#6bdefc,
'info-dark': '#3a6976,

'warning-light': '#fff6d6,
'warning': '#fcde54,
'warning-dark': '#77682e,

'success-light': '#dffcdb,
'success': '#6ced6d,
'success-dark': '#396f38,

'danger-light': '#ffdad6,
'danger': '#ff6464,
'danger-dark': '#793533,