Color palette generator

Generate analogous, complementary, triadic and monochromatic color palettes. Copy HEX codes and download the palette as CSS variables.

Set your data

Processed in your browser: your data are not uploaded.

Choose a base color and harmony. Palettes do not guarantee accessible contrast: check text and background with the contrast checker.

Result

Enter the data and run the tool.


        
        

We count which tools are used most, without including entered values or file contents in the statistics. Privacy

How to use the tool

  1. Set Base color / Harmony.
  2. Select “Process”, review the result and use the buttons to copy or download it.

Method and limits

Choose a base color and harmony. Palettes do not guarantee accessible contrast: check text and background with the contrast checker.

Example

#336699 → #339966, #339999, #336699, #333399, #663399

Practical example

Input
Base color: #336699; Complementary
Result
#336699 #6699CC #4D331A #996633 #CC9966

Favorites