Color Palette Generator
Turn one base color into a harmonious palette — tints, analogous, more.
Tints & shades sweep one hue from light to dark — a ready-made scale for a single color. Analogous picks neighbors on the wheel for a calm, related set; complementary and triadic reach across it for contrast. Click any swatch to copy its hex.
How to build a palette
Enter a base color as a hex code, then choose a harmony scheme. The generator lays out coordinated swatches derived from that base using HSL geometry. Click any swatch to copy its hex.
Choosing a scheme
Use tints and shades when you need one color in several weights. Reach for analogous for a soft, cohesive look, or complementary and triadic when you want accent colors that stand apart from the base.
Questions
What do the harmony schemes mean?
Tints and shades sweep one hue from light to dark. Analogous picks neighbors on the color wheel for a calm, related set. Complementary uses the opposite hue for strong contrast, and triadic spaces three hues evenly around the wheel.
How do I copy a color from the palette?
Click any swatch and its hex code is copied to your clipboard — the swatch flashes 'Copied' to confirm. Build a palette, grab the hexes you need, and drop them straight into your design tool or CSS.