Color palette generator
Generate harmonious color palettes from any hex code — 16.7M base colors × 7 harmony rules.
Pick any starting color and instantly get complementary, triadic, analogous, tetradic, split-complementary, square and monochromatic palettes. Every palette ships with ready-to-paste CSS, Tailwind, SCSS, JSON and SVG exports, plus WCAG notes.
Browse palettes by harmony type
Two colors 180° apart on the color wheel. Maximum contrast — ideal for accents and CTAs.
Three colors evenly spaced (120° apart). Balanced and vibrant without the tension of complementary pairs.
Three neighbouring hues (±30°). Calm, cohesive and great for backgrounds.
A base plus the two colors adjacent to its complement. Softer contrast than pure complementary.
Four colors forming a rectangle (base + 90°, 180°, 270°). Rich, four-way contrast.
Four colors spaced 90° apart. Balanced but punchier than tetradic.
Variations in lightness and saturation from a single hue. Elegant and low-friction.