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-moccasin-50: #fff9f0;
--color-moccasin-100: #feeed3;
--color-moccasin-200: #ffe4b5;
--color-moccasin-300: #ecc682;
--color-moccasin-400: #d6a74e;
--color-moccasin-500: #bc8a1b;
--color-moccasin-600: #9e7200;
--color-moccasin-700: #845f00;
--color-moccasin-800: #6f4f00;
--color-moccasin-900: #5c4100;
--color-moccasin-950: #392600;
}