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-teal-50: #effefd;
--color-teal-100: #dbf7f6;
--color-teal-200: #bbedec;
--color-teal-300: #93dbda;
--color-teal-400: #63c2c1;
--color-teal-500: #38a6a6;
--color-teal-600: #098c8c;
--color-teal-700: #008080;
--color-teal-800: #006262;
--color-teal-900: #005151;
--color-teal-950: #003131;
}