Color Shades Generator
Generate Tailwind-style shade palettes from any base color
Color Shades Generator
Generate a Tailwind-style shade palette from any base color, then copy it as CSS variables, a HEX list, or a Tailwind config block.
Shades: 10
50#e8e8fd
200#b9baf9
300#8a8bf5
400#5b5df1
500#2c2fed
600#1216d3
700#0e11a4
800#0a0c75
900#060746
950#020217
Export Palette
Related Tools in Color Tools
Color Mixer
Blend two colors at any ratio and build color harmonies
HEX Color Converter
Convert between HEX and other color formats
HEXA Color Converter
Convert HEXA colors with alpha transparency
HSL Color Converter
Convert between HSL and other color formats
HSLA Color Converter
Convert HSLA colors with alpha transparency
HSV Color Converter
Convert between HSV and other color formats
RGB Color Converter
Convert between RGB and other color formats
RGBA Color Converter
Convert RGB colors with alpha transparency
Color Picker
Pick colors from an image
Color Converter
Convert between different color formats
Color Converters
Convert between different color formats
Desaturate Color
Reduce the saturation of any color and compare before/after