Pick one color — get five that belong together, built on real color-wheel harmony rules.
🔒 Pure color math in your browser — instant, offline, free
Random colors rarely look good together — colors related on the color wheel almost always do. Complementary pairs your base with its opposite for maximum punch (great for CTAs). Analogous takes neighbors for a calm, cohesive feel. Triadic and tetradic spread evenly around the wheel for vibrant, balanced schemes, and monochromatic builds five lightness steps of one hue — the safest palette for UI design. Click any swatch to copy its hex, or export the whole palette as ready-to-paste CSS variables.