What format are the colors in?

HEX (e.g., #1E40AF). You can convert them to RGB or HSL with our HEX → RGB → HSL color converter.

How many colors are in a palette?

Five. That's enough for primary and accent colors plus a couple of shades for background and text.

How do I get a random palette?

Choose the “Random” type and click “Generate again” until you like the result. The base color is ignored in this mode.

Are the colors web-ready?

Yes. HEX codes paste straight into CSS or design tools. It's worth checking text/background contrast separately with our contrast tool.

Which scheme should I pick for a website?

Analogous or monochromatic for a calm, cohesive look; complementary or triad when you want a bold accent that stands out.

What makes colors look harmonious together?

Harmony comes from related hues. Each scheme here — analogous, complementary, triad and so on — is built on color-wheel relationships, so the result looks balanced rather than random.

Color palette generator

Color palette generator online: pick a base color and a scheme, and the tool suggests a harmonious combination of 5 colors. The ready palette is computed right in your browser.

Base color

Palette type

Enter a color in HEX format, e.g. #1E40AF.

How to use it

1

Pick a base color

Click the swatch and set the color with the sliders, or type a HEX code manually.

2

Choose a palette type

Analogous, complementary, triad, tetrad, monochromatic — or “Random” for fresh ideas.

3

Copy the colors

Click any swatch and its HEX code is copied to your clipboard.

Why it's useful

A harmonious palette saves time for designers, marketers and bloggers: instead of eyeballing shades, you get a ready set of matching colors for a site, presentation, post or logo.

The schemes are built on the color wheel. Analogous colors (next to each other) give calm combinations, complementary colors (opposite) give bold contrast, triad and tetrad give balanced multi-color sets, and the monochromatic scheme gives shades of a single color.

FAQ

Analogous — neighboring wheel colors (soft). Complementary — opposite colors (contrast). Triad and tetrad — 3 and 4 evenly spaced colors (balance). Monochromatic — shades of one color.

Related tools

Password generator

URL QR code

Wi-Fi QR code