How to use the palette generator
Press Generate (or the spacebar) for a new palette. Click the lock on any color you want to keep, then generate again to replace only the unlocked colors — the new ones are chosen to harmonize with your locked picks. Click a swatch to fine‑tune it in the picker. Save the palette to your browser or export it for code.
Color harmony rules
Palettes look good when their colors sit in a known relationship on the color wheel. The common rules are complementary (opposite colors, highest contrast), analogous (neighbors, calm and cohesive), triadic (three evenly spaced, balanced), split‑complementary (a color plus the two neighbors of its opposite), tetradic / square (four colors forming a rectangle), and monochromatic (one hue at different lightness and saturation). The generator snaps new colors to these relationships, so the set stays balanced. See every harmony with copyable codes in the picker.
Frequently asked questions
- How do I generate a color palette?
- Press Generate (or the spacebar) for a fresh five‑color palette. Each press creates a new harmonious set.
- Can I keep some colors and change others?
- Yes — lock the colors you want to keep, then generate again. Only the unlocked colors change, and the new ones are chosen to harmonize with your locked picks.
- How do I export?
- Export to CSS, Tailwind, JSON, design tokens, or a PNG image from the Export menu.