Colour Palette Generator
Generate harmonious colour schemes from any base colour
Colour Harmony Modes
Complementary: two colours opposite on the colour wheel — high contrast. Analogous: colours adjacent on the wheel — harmonious and natural. Triadic: three evenly spaced colours — vibrant and balanced. Split-complementary: a base plus two colours adjacent to its complement — contrast with less tension. Tetradic: four colours in two complementary pairs. Monochromatic: variations in lightness and saturation of a single hue.
How to Use
Pick a base colour using the colour picker or enter a hex code. Select a harmony mode to generate your palette. Click any swatch to copy its hex value. Use the Copy CSS button to get CSS custom properties, or Copy Array for a JavaScript-friendly format.
Colour Formats
Each swatch shows three formats: Hex (#3b82f6), RGB (rgb(59, 130, 246)), and HSL (hsl(217, 91%, 60%)). HSL is often the most intuitive for design work because you can adjust hue, saturation and lightness independently.