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-rebeccapurple-50: #fbf9ff;
--color-rebeccapurple-100: #f4ecff;
--color-rebeccapurple-200: #e8d9ff;
--color-rebeccapurple-300: #d9beff;
--color-rebeccapurple-400: #c495ff;
--color-rebeccapurple-500: #ac71ef;
--color-rebeccapurple-600: #9256d2;
--color-rebeccapurple-700: #7c43b7;
--color-rebeccapurple-800: #663399;
--color-rebeccapurple-900: #572b83;
--color-rebeccapurple-950: #38115a;
}