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-saddlebrown-50: #fff9f5;
--color-saddlebrown-100: #ffece1;
--color-saddlebrown-200: #ffd8c3;
--color-saddlebrown-300: #ffbb93;
--color-saddlebrown-400: #ec9867;
--color-saddlebrown-500: #d27a43;
--color-saddlebrown-600: #b66026;
--color-saddlebrown-700: #9c4d13;
--color-saddlebrown-800: #8b4513;
--color-saddlebrown-900: #6f3306;
--color-saddlebrown-950: #461d00;
}