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-gold-50: #fffae8;
--color-gold-100: #fff1b9;
--color-gold-200: #ffd700;
--color-gold-300: #efca00;
--color-gold-400: #cead00;
--color-gold-500: #ae9200;
--color-gold-600: #907900;
--color-gold-700: #796500;
--color-gold-800: #655400;
--color-gold-900: #544500;
--color-gold-950: #332900;
}