Libraries
Color scale
Generate a full 50–950 color scale from any color — in Tailwind, CSS, and JSON formats ready to paste.
Export scale
@theme {
--color-turquoise-50: #ecfffc;
--color-turquoise-100: #c9fcf5;
--color-turquoise-200: #97f6e9;
--color-turquoise-300: #40e0d0;
--color-turquoise-400: #00cabb;
--color-turquoise-500: #00aa9d;
--color-turquoise-600: #008d82;
--color-turquoise-700: #00766d;
--color-turquoise-800: #00635b;
--color-turquoise-900: #00524b;
--color-turquoise-950: #00322d;
}