Colour Harmony Generator

Generate beautiful colour palettes using colour theory. Complementary, analogous, triadic, and more.

Base Colour

H: 239 S: 84% L: 67%

rgb(99, 102, 241)

Two colours opposite each other on the colour wheel. High contrast and vibrant.

Three colours next to each other on the wheel. Harmonious and pleasing.

Three colours equally spaced around the wheel. Balanced and vibrant.

A colour plus two adjacent to its complement. Less tension than complementary.

Four colours forming a rectangle on the wheel. Rich and complex.

Four colours equally spaced. Balanced with maximum variety.

Shades, tints and tones of a single colour. Clean and elegant.

A full range of 10 shades from dark to light, based on your colour.

:root {
  --color-primary: #6366f1;
  --color-complement: #f2ef64;
  --color-light: #c2c3fa;
  --color-dark: #1317dd;
  --color-accent: #a864f2;
}

Related Tools

JSON Formatter

Pretty-print, validate and minify JSON

Base64 Encoder/Decoder

Encode and decode Base64 strings and files

Colour Picker

Pick colours and convert between HEX, RGB and HSL

UUID Generator

Generate random UUID v4 identifiers

URL Encoder/Decoder

Encode and decode URLs and query strings

Regex Tester

Test regular expressions with match highlighting