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-lavender-50: #f9f9ff;
--color-lavender-100: #efeffa;
--color-lavender-200: #e6e6fa;
--color-lavender-300: #c9c9e5;
--color-lavender-400: #acaccd;
--color-lavender-500: #9090b3;
--color-lavender-600: #777698;
--color-lavender-700: #636282;
--color-lavender-800: #53526d;
--color-lavender-900: #44435b;
--color-lavender-950: #28283a;
}