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