Color Scheme Generator
Brand
CTA
Info
Warning
Success
Danger
TailwindSASSSCSSLess
'white': '#ffffff',
'gray-lightest': '#f9fafa',
'gray-lighter': '#e5e6e6',
'gray-light': '#d1d2d2',
'gray': '#bebfc0',
'gray-dark': '#979898',
'gray-darker': '#6f7070',
'gray-darkest': '#49494a',
'black': '#212122',
'brand-light': '#dff3fe,
'brand': '#6cd0fc,
'brand-dark': '#3a6276,
'cta-light': '#ffdce0,
'cta': '#fc6c88,
'cta-dark': '#773843,
'info-light': '#dbf6ff,
'info': '#43dafe,
'info-dark': '#2d6777,
'warning-light': '#fff5d6,
'warning': '#efda58,
'warning-dark': '#71672f,
'success-light': '#dbfbdb,
'success': '#53e870,
'success-dark': '#306d39,
'danger-light': '#ffd9d7,
'danger': '#f46266,
'danger-dark': '#743434,
'gray-lightest': '#f9fafa',
'gray-lighter': '#e5e6e6',
'gray-light': '#d1d2d2',
'gray': '#bebfc0',
'gray-dark': '#979898',
'gray-darker': '#6f7070',
'gray-darkest': '#49494a',
'black': '#212122',
'brand-light': '#dff3fe,
'brand': '#6cd0fc,
'brand-dark': '#3a6276,
'cta-light': '#ffdce0,
'cta': '#fc6c88,
'cta-dark': '#773843,
'info-light': '#dbf6ff,
'info': '#43dafe,
'info-dark': '#2d6777,
'warning-light': '#fff5d6,
'warning': '#efda58,
'warning-dark': '#71672f,
'success-light': '#dbfbdb,
'success': '#53e870,
'success-dark': '#306d39,
'danger-light': '#ffd9d7,
'danger': '#f46266,
'danger-dark': '#743434,