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