Color Scheme Generator
Brand
CTA
Info
Warning
Success
Danger
TailwindSASSSCSSLess
'white': '#ffffff',
'gray-lightest': '#f9f9f9',
'gray-lighter': '#e5e5e5',
'gray-light': '#d2d1d2',
'gray': '#bfbebf',
'gray-dark': '#979797',
'gray-darker': '#706f70',
'gray-darkest': '#494849',
'black': '#212121',
'brand-light': '#e7dcea,
'brand': '#a178ad,
'brand-dark': '#4e3c53,
'cta-light': '#e7eadc,
'cta': '#9fad78,
'cta-dark': '#4d533c,
'info-light': '#ddf2fb,
'info': '#64c9ee,
'info-dark': '#366070,
'warning-light': '#fff1d2,
'warning': '#f0c848,
'warning-dark': '#725f29,
'success-light': '#ddf6d7,
'success': '#66d861,
'success-dark': '#376633,
'danger-light': '#ffd5d3,
'danger': '#f04959,
'danger-dark': '#732a2e,
'gray-lightest': '#f9f9f9',
'gray-lighter': '#e5e5e5',
'gray-light': '#d2d1d2',
'gray': '#bfbebf',
'gray-dark': '#979797',
'gray-darker': '#706f70',
'gray-darkest': '#494849',
'black': '#212121',
'brand-light': '#e7dcea,
'brand': '#a178ad,
'brand-dark': '#4e3c53,
'cta-light': '#e7eadc,
'cta': '#9fad78,
'cta-dark': '#4d533c,
'info-light': '#ddf2fb,
'info': '#64c9ee,
'info-dark': '#366070,
'warning-light': '#fff1d2,
'warning': '#f0c848,
'warning-dark': '#725f29,
'success-light': '#ddf6d7,
'success': '#66d861,
'success-dark': '#376633,
'danger-light': '#ffd5d3,
'danger': '#f04959,
'danger-dark': '#732a2e,