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