Color Palette Generator

Generate harmony palettes from a base color / complementary, analogous, triadic

100% In-BrowserNo Server UploadFree, No Signup

Design

Base Color (HEX code)

Palette (HEX codes)

How to Use

Enter a base color
Type a HEX color code (e.g. #2563eb) in the input area, or pick one using the color picker in the toolbar.
Select harmony type
Choose from complementary, analogous, triadic, split-complementary, or tetradic in the toolbar.
Review and copy
Color swatches are previewed visually. Copy the list of HEX codes using the "Copy" button.

Color Palette Generator Examples

Complementary palette

Input

#2563eb

Output

#2563eb
#eb8325

The color 180 degrees opposite on the color wheel is generated.

Triadic palette

Input

#e91e63

Output

#e91e63
#1ee963
#631ee9

Three colors evenly spaced 120 degrees apart are generated.

Features

Complementary palette generation
Analogous palette generation
Triadic palette generation
Split-complementary palette generation
Tetradic palette generation
Intuitive color picker for base color selection
Visual color swatch preview

FAQ

What is color harmony?

Color harmony is a theory for creating visually pleasing color combinations based on positions on the color wheel. Complementary uses opposite colors, analogous uses adjacent colors, and triadic uses three colors spaced 120 degrees apart.

Can I input RGB format?

The tool accepts HEX color codes (#RRGGBB). Convert your RGB values to HEX before entering.

Is my data sent to a server?

No. All processing happens locally in your browser via JavaScript. No data is ever transmitted externally.