Inputs
Defaults to violet (#7c3aed). Change the base and rule below — the palette regenerates instantly.
Palette
Click any swatch to copy its hex.
Shade scale (50–900)
Tailwind-style brightness ramp from the base hue and saturation.
How this works
We convert your base hex to HSL, rotate the hue by a known offset for each rule (analogous = ±30°, triad = ±120°, complementary = 180°, etc.), then convert back to hex. The shade scale holds hue and saturation constant and only changes lightness, which is exactly how design-system color ramps are built.