Color Palette Generator

Pick a base color and generate complementary, analogous, triadic, and split-complementary palettes with HEX, RGB, and HSL values.

About Color Palette Generator

Generates harmonious color palettes from a base hue. Shades produces 10 tints/tones (like Tailwind's 50–950). Complementary pairs colors 180° apart for high contrast. Analogous uses adjacent hues for a natural feel. Triadic spaces hues 120° apart. All colors output as CSS custom properties. Click any swatch to copy its hex code.