Color Palette Generator

Pick a base color and generate harmonious color palettes instantly. The tool produces complementary, analogous, triadic, tetradic (rectangle), split-complementary, and monochromatic palettes. Each color in the palette is shown with its hex, RGB, and HSL values. Great for building a design system or finding colors that work well together.

What it does

▸Generates complementary, analogous, triadic, tetradic, and split-complement palettes
▸Monochromatic palette with varying lightness/saturation from the base color
▸Shows hex, RGB, and HSL values for each color in the palette
▸Adjust the base color via hex input, color picker, or HSL sliders
▸Copy individual colors or the entire palette as hex values

Use cases

▸Building a color scheme for a new web application or brand
▸Finding accent colors that complement a primary brand color
▸Creating a monochromatic palette for a data visualization
▸Exploring color harmonies for illustration or graphic design

How it works

Choose a base color using the color picker, hex input, or HSL sliders

Select a harmony type (complementary, analogous, triadic, etc.)

The palette is generated instantly with all colors displayed

Copy individual hex values or the entire palette

Frequently asked questions

1What's the difference between triadic and tetradic?

Triadic uses three colors evenly spaced around the color wheel (120° apart). Tetradic (also called rectangle) uses four colors arranged as two complementary pairs, creating a richer but more complex palette.

2How does the monochromatic palette work?

Monochromatic palettes use a single hue with varying lightness and saturation. The tool generates several shades from dark to light, all based on your chosen color's hue. This creates a clean, cohesive look.