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-floralwhite-50: #fffaf0;
--color-floralwhite-100: #f9efdc;
--color-floralwhite-200: #f0e0bf;
--color-floralwhite-300: #e0c99b;
--color-floralwhite-400: #c8ac72;
--color-floralwhite-500: #ad8f51;
--color-floralwhite-600: #937637;
--color-floralwhite-700: #7d6226;
--color-floralwhite-800: #69511c;
--color-floralwhite-900: #574315;
--color-floralwhite-950: #372700;
}