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-lightgoldenrodyellow-50: #fafad2;
--color-lightgoldenrodyellow-100: #f7f5a8;
--color-lightgoldenrodyellow-200: #eee84f;
--color-lightgoldenrodyellow-300: #dad300;
--color-lightgoldenrodyellow-400: #bbb500;
--color-lightgoldenrodyellow-500: #9e9900;
--color-lightgoldenrodyellow-600: #837f00;
--color-lightgoldenrodyellow-700: #6d6a00;
--color-lightgoldenrodyellow-800: #5b5800;
--color-lightgoldenrodyellow-900: #4c4900;
--color-lightgoldenrodyellow-950: #2e2c00;
}