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-cornflowerblue-50: #f7faff;
--color-cornflowerblue-100: #e8f1ff;
--color-cornflowerblue-200: #d2e2ff;
--color-cornflowerblue-300: #b0cdff;
--color-cornflowerblue-400: #82afff;
--color-cornflowerblue-500: #6495ed;
--color-cornflowerblue-600: #4978cd;
--color-cornflowerblue-700: #3863b2;
--color-cornflowerblue-800: #2c5298;
--color-cornflowerblue-900: #23447f;
--color-cornflowerblue-950: #0d2757;
}