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-olive-50: #fbfcec;
--color-olive-100: #f1f3d6;
--color-olive-200: #e3e6b3;
--color-olive-300: #d0d289;
--color-olive-400: #b4b659;
--color-olive-500: #999a2f;
--color-olive-600: #808000;
--color-olive-700: #6b6b00;
--color-olive-800: #595900;
--color-olive-900: #4a4a00;
--color-olive-950: #2c2c00;
}