Question 1

What is a color palette?

Accepted Answer

A color palette is a curated set of colors that work together harmoniously. A strong palette includes a dominant color, supporting secondaries, and accents that complement each other and evoke a consistent mood.

Question 2

How do I choose colors that work together?

Accepted Answer

Start with a base color, then use harmony rules — complementary, analogous, triadic, or tetradic. The 60-30-10 rule is a great default. Switch to Harmony mode in the generator to do this automatically.

Question 3

What are complementary and analogous colors?

Accepted Answer

Complementary colors sit opposite on the color wheel (high contrast). Analogous colors are neighbors (calm and cohesive). Triadic uses three evenly-spaced colors; tetradic uses four.

Question 4

How do I export my palette?

Accepted Answer

Click the download icon to copy as CSS variables, SCSS, a Tailwind config block, or JSON — or download a PNG. Click any swatch to copy a single hex.

Question 5

What is the color blindness simulation for?

Accepted Answer

Roughly 1 in 12 men have some form of color vision deficiency. The simulator approximates how your palette appears with protanopia, deuteranopia, tritanopia, or achromatopsia.

Question 6

Are my palettes stored anywhere?

Accepted Answer

No. Everything runs in your browser. We have no database, no logs, and no analytics tracking your palettes.

Color Palette Generator

How to Use It Well

Start with intent

Lock & remix

Check accessibility

Frequently Asked Questions