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-yellow-50: #fdffc9;
--color-yellow-100: #ffff00;
--color-yellow-200: #ebeb00;
--color-yellow-300: #d5d500;
--color-yellow-400: #b7b700;
--color-yellow-500: #9a9a00;
--color-yellow-600: #808000;
--color-yellow-700: #6b6b00;
--color-yellow-800: #595900;
--color-yellow-900: #4a4a00;
--color-yellow-950: #2c2c00;
}