How do I generate a color palette?

Pick a base color using the color picker or enter a HEX value. Choose a harmony type (complementary, analogous, triadic, etc.) and a 5-color palette is generated instantly.

What harmony types are available?

Complementary (opposite on the color wheel), Analogous (adjacent colors ±30°), Triadic (120° apart), Split-complementary (base + two colors flanking its complement), Monochromatic (shades of the same hue), and Random.

Can I copy individual colors?

Yes — each swatch shows the HEX, RGB, and HSL values with individual copy buttons. Click the swatch itself to copy the HEX code.

Can I export the full palette?

Yes — export as CSS custom properties (--color-1: #hexvalue;) or as a JSON array for use in design tools or code.

Are the generated palettes suitable for accessible design?

The palette is generated purely from color math. Check the contrast ratios of your chosen colors against text using a dedicated contrast checker for WCAG accessibility compliance.

Color Palette Generator

Generate 5-color palettes from any base color using color theory harmonies: complementary, analogous, triadic, split-complementary, and monochromatic.

Your files never leave your device

Base color

Harmony

HEX#C2C3FA

RGBrgb(194, 195, 250)

HSLhsl(239, 85%, 87%)

HEX#6467F2

RGBrgb(100, 103, 242)

HSLhsl(239, 85%, 67%)

HEX#7577E1

RGBrgb(117, 119, 225)

HSLhsl(239, 64%, 67%)

HEX#F2EF64

RGBrgb(242, 239, 100)

HSLhsl(59, 85%, 67%)

HEX#F8F6AB

RGBrgb(248, 246, 171)

HSLhsl(58, 85%, 82%)

How to Color Palette Generator

Pick a base color using the color picker or enter a HEX value.
Select a harmony type: Complementary, Analogous, Triadic, Split-complementary, or Monochromatic.
A 5-color palette is generated instantly.
Click any swatch to copy its HEX code, or use the individual copy buttons for HEX, RGB, or HSL.

Why Use This Tool?

Good design starts with a cohesive color palette. Color theory harmonies ensure your chosen colors work together visually. This generator produces palettes that are immediately usable in web, UI, and graphic design projects.

Color Palette Generator

How to Color Palette Generator

Why Use This Tool?

Frequently Asked Questions