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-sandybrown-50: #fff9f4;
--color-sandybrown-100: #ffecde;
--color-sandybrown-200: #ffd9bc;
--color-sandybrown-300: #febc87;
--color-sandybrown-400: #f4a460;
--color-sandybrown-500: #d07c2c;
--color-sandybrown-600: #b36300;
--color-sandybrown-700: #975200;
--color-sandybrown-800: #7f4400;
--color-sandybrown-900: #6a3800;
--color-sandybrown-950: #422000;
}