Generate beautiful colour palettes — complementary, analogous, triadic and more — from any base colour. Copy HEX codes instantly.
Use the colour picker or type a HEX code to set your starting colour. This is the anchor of your palette.
Pick from Complementary, Analogous, Triadic, Split-Complementary, Tetradic or Monochromatic. Each creates a different relationship of colours on the wheel.
Click any colour swatch to copy its HEX code, or use Copy All to grab every code at once.
The tool generates Complementary (2 colours), Analogous (5 colours), Triadic (3 colours), Split-Complementary (3 colours), Tetradic/Square (4 colours), and Monochromatic (5 shades) palettes.
A complementary palette uses two colours that sit directly opposite each other on the colour wheel (180° apart). The high contrast makes them vibrant and attention-grabbing — ideal for CTAs and accents.
An analogous palette uses colours that are adjacent on the colour wheel (30° apart). They are harmonious and pleasing to the eye — great for backgrounds, illustrations and calm UI designs.
A triadic palette uses three colours evenly spaced on the colour wheel (120° apart). It offers strong visual contrast while remaining balanced — popular in illustration, branding and vibrant UIs.
Yes. Click the Copy button on any colour swatch to copy its HEX code. You can also copy all HEX codes at once using the Copy All button.
Yes. All palette generation happens entirely in your browser using JavaScript. No data is ever sent to any server.
