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-thistle-50: #fef8fe;
--color-thistle-100: #f7ecf7;
--color-thistle-200: #eddbed;
--color-thistle-300: #d8bfd8;
--color-thistle-400: #c2a4c2;
--color-thistle-500: #a787a8;
--color-thistle-600: #8d6e8d;
--color-thistle-700: #775b78;
--color-thistle-800: #644b65;
--color-thistle-900: #533e53;
--color-thistle-950: #342335;
}