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-white-50: #ffffff;
--color-white-100: #f0f0f0;
--color-white-200: #e1e1e1;
--color-white-300: #cccccc;
--color-white-400: #afafaf;
--color-white-500: #949494;
--color-white-600: #7a7a7a;
--color-white-700: #666666;
--color-white-800: #555555;
--color-white-900: #464646;
--color-white-950: #2a2a2a;
}