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-mediumslateblue-50: #f9f9ff;
--color-mediumslateblue-100: #eeeeff;
--color-mediumslateblue-200: #dedeff;
--color-mediumslateblue-300: #c6c5ff;
--color-mediumslateblue-400: #a8a2ff;
--color-mediumslateblue-500: #8c7dff;
--color-mediumslateblue-600: #7b68ee;
--color-mediumslateblue-700: #614cc8;
--color-mediumslateblue-800: #513eab;
--color-mediumslateblue-900: #433290;
--color-mediumslateblue-950: #291765;
}