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