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-tan-50: #fff9f2;
--color-tan-100: #f9eee1;
--color-tan-200: #f0dec8;
--color-tan-300: #e0c8a8;
--color-tan-400: #d2b48c;
--color-tan-500: #ad8e63;
--color-tan-600: #93744b;
--color-tan-700: #7d613a;
--color-tan-800: #69502e;
--color-tan-900: #574225;
--color-tan-950: #37270e;
}