Color Shade Generator
Generate Tailwind-style color shades from any hex color. Perfect for building consistent design systems and color scales.
50
#FEF4F9
100
#FDE3F0
200
#FBC7E2
300
#F8AAD3
400
#F68EC5
500
#F472B6
600
#C35B92
700
#92446D
800
#622E49
900
#311724
950
#14090F
CSS Variables
:root {
--color-50: #FEF4F9;
--color-100: #FDE3F0;
--color-200: #FBC7E2;
--color-300: #F8AAD3;
--color-400: #F68EC5;
--color-500: #F472B6;
--color-600: #C35B92;
--color-700: #92446D;
--color-800: #622E49;
--color-900: #311724;
--color-950: #14090F;
}