Color Scheme Generator
Brand
CTA
Info
Warning
Success
Danger
TailwindSASSSCSSLess
'white': '#ffffff',
'gray-lightest': '#f8faf9',
'gray-lighter': '#e5e6e5',
'gray-light': '#d1d2d2',
'gray': '#bebfbf',
'gray-dark': '#969897',
'gray-darker': '#6f7070',
'gray-darkest': '#484949',
'black': '#212121',
'brand-light': '#d4f4eb,
'brand': '#27ceb0,
'brand-dark': '#236254,
'cta-light': '#f8cfe5,
'cta': '#ce2798,
'cta-dark': '#631f4a,
'info-light': '#d9f6fb,
'info': '#34daef,
'info-dark': '#286770,
'warning-light': '#fcf5d2,
'warning': '#e4da44,
'warning-dark': '#6c6728,
'success-light': '#d9fbd7,
'success': '#3ae75f,
'success-dark': '#296d32,
'danger-light': '#ffdad3,
'danger': '#eb6758,
'danger-dark': '#70352e,
'gray-lightest': '#f8faf9',
'gray-lighter': '#e5e6e5',
'gray-light': '#d1d2d2',
'gray': '#bebfbf',
'gray-dark': '#969897',
'gray-darker': '#6f7070',
'gray-darkest': '#484949',
'black': '#212121',
'brand-light': '#d4f4eb,
'brand': '#27ceb0,
'brand-dark': '#236254,
'cta-light': '#f8cfe5,
'cta': '#ce2798,
'cta-dark': '#631f4a,
'info-light': '#d9f6fb,
'info': '#34daef,
'info-dark': '#286770,
'warning-light': '#fcf5d2,
'warning': '#e4da44,
'warning-dark': '#6c6728,
'success-light': '#d9fbd7,
'success': '#3ae75f,
'success-dark': '#296d32,
'danger-light': '#ffdad3,
'danger': '#eb6758,
'danger-dark': '#70352e,