Color Palette Generator
Pick a base color and get five ready-made palettes — complementary, analogous, triadic, monochromatic, and shades & tints.
How to Generate a Color Palette
- Pick a base color using the color picker.
- Five palettes — Complementary, Analogous, Triadic, Monochromatic, and Shades & Tints — generate instantly below.
- Click any swatch to copy its hex code to your clipboard.
- Change the base color anytime to regenerate all five palettes live.
Frequently Asked Questions
What's the difference between Shades & Tints and Monochromatic?
Monochromatic keeps the exact same hue and saturation and only changes lightness in even steps. Shades & Tints instead mixes your base color toward pure black (shades) and pure white (tints), which shifts saturation slightly as it approaches those extremes — a subtly different, often more natural-looking result.
How is the Complementary color calculated?
It's your base color's hue rotated exactly 180° around the color wheel, with the same saturation and lightness kept unchanged — the classic 'opposite color' relationship used in color theory.
What's the difference between Analogous and Triadic palettes?
Analogous colors sit close together on the wheel, 30° on either side of your base hue, and tend to look harmonious and low-contrast. Triadic colors are spaced 120° apart, forming an equilateral triangle around the wheel, which produces more vibrant, higher-contrast combinations.
Can I copy an individual color from a palette?
Yes — click any swatch to copy its exact hex code to your clipboard instantly.
Does this tool use real color math or just approximate the colors visually?
Real math. Every palette is generated with standard RGB-to-HSL and HSL-to-RGB conversion formulas, the same ones used in design software and CSS itself, so the hues, saturations, and lightness values are mathematically accurate.