Color Scheme Generator
Brand
CTA
Info
Warning
Success
Danger
TailwindSASSSCSSLess
'white': '#ffffff',
'gray-lightest': '#f9fafa',
'gray-lighter': '#e6e6e6',
'gray-light': '#d2d2d2',
'gray': '#bfc0bf',
'gray-dark': '#979898',
'gray-darker': '#707070',
'gray-darkest': '#494a49',
'black': '#212221',
'brand-light': '#eefef3,
'brand': '#b7fbce,
'brand-dark': '#587562,
'cta-light': '#fcedfe,
'cta': '#f0b7fb,
'cta-dark': '#715875,
'info-light': '#def8fd,
'info': '#61e3f5,
'info-dark': '#366b73,
'warning-light': '#fff8d4,
'warning': '#f6e349,
'warning-dark': '#746b2a,
'success-light': '#defdd9,
'success': '#5df164,
'success-dark': '#357134,
'danger-light': '#ffdcd4,
'danger': '#fb6d5d,
'danger-dark': '#773830,
'gray-lightest': '#f9fafa',
'gray-lighter': '#e6e6e6',
'gray-light': '#d2d2d2',
'gray': '#bfc0bf',
'gray-dark': '#979898',
'gray-darker': '#707070',
'gray-darkest': '#494a49',
'black': '#212221',
'brand-light': '#eefef3,
'brand': '#b7fbce,
'brand-dark': '#587562,
'cta-light': '#fcedfe,
'cta': '#f0b7fb,
'cta-dark': '#715875,
'info-light': '#def8fd,
'info': '#61e3f5,
'info-dark': '#366b73,
'warning-light': '#fff8d4,
'warning': '#f6e349,
'warning-dark': '#746b2a,
'success-light': '#defdd9,
'success': '#5df164,
'success-dark': '#357134,
'danger-light': '#ffdcd4,
'danger': '#fb6d5d,
'danger-dark': '#773830,