Quicker

Color Palette Generator

Generate complementary, analogous, triadic harmonies from any base color. Copy any color as HEX, RGB, or HSL.

Base color

#3c83f6

Complementary

#f6af3c

Analogous

#3ce0f6

#523cf6

Triadic

#f63c83

#83f63c

Split-complementary

#f6523c

#e0f63c

Tints

#6da2f8

#9ec1fa

#cee0fd

#e7f0fe

Shades

#0b64f4

#0950c3

#073c92

#052861

Share:B!

How to Use

  1. Enter a base color

    Type a HEX color code (e.g. #3b82f6) or click the color picker.

  2. Explore harmonies

    The tool generates complementary, analogous, triadic, and split-complementary color schemes automatically.

  3. Copy any color

    Click any swatch to copy it as HEX, RGB, or HSL.

FAQ

Color harmony refers to combinations of colors that are visually pleasing. Common harmonies are based on the color wheel: complementary (opposite), analogous (adjacent), triadic (equally spaced), and split-complementary (one color + two adjacent to its complement).

A tint is a color mixed with white (lighter). A shade is a color mixed with black (darker). Both preserve the hue and saturation while changing the lightness.

Complementary colors sit opposite each other on the color wheel (hue difference of 180°). They create high contrast and vibrant pairings. For example, blue and orange, or red and green are complementary.

Analogous colors are adjacent on the color wheel (hue difference of ±30°). They create harmonious, low-contrast palettes that feel natural — like the colors of a sunset.