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-seagreen-50: #f1fef5;
--color-seagreen-100: #def8e6;
--color-seagreen-200: #c2eed0;
--color-seagreen-300: #9edeb3;
--color-seagreen-400: #73c491;
--color-seagreen-500: #4fa973;
--color-seagreen-600: #2e8b57;
--color-seagreen-700: #1f7848;
--color-seagreen-800: #14653b;
--color-seagreen-900: #0e5430;
--color-seagreen-950: #00341a;
}