Color Palette Generator

Create harmonious color sets for your projects.

Your file is not sent to a server - analysis happens in your browser.
Base color
Harmony type
Generated palette
Application preview
Light mode
Dark mode
Text contrast (WCAG)
Color values
HEX RGB HSL CMYK

The CMYK column is an arithmetic conversion without an ICC profile, not a print separation. For a specific print job check the values in: CMYK Colour Simulation.

Export palette
Download file
Copy values
Drag an image or click to select
Supported formats: JPG, PNG, WebP

Fully transparent pixels are ignored. Partially transparent colours are composited over white.

Upload an image and the algorithm will automatically extract 5 dominant colors.
Check contrast between two colors

Contrast is calculated according to WCAG 2.x for the two given opaque colours; it does not account for transparency, gradients, typeface or viewing conditions. Harmonies and CMYK values are a design aid, not a print separation. The rules for using the Tools are set out in the Terms of Service.

What is color harmony?

Color harmony is a combination of colors that creates an aesthetic and cohesive visual effect. It is based on relationships between colors on the color wheel — e.g. complementary (opposite) colors create strong contrast, while analogous (adjacent) colors produce a soft, harmonious effect.

How to choose colors for your project?

Choose a base color that matches your brand or project mood, then use harmony algorithms — monochromatic, complementary, triadic or tetradic — to automatically generate a cohesive palette. Remember about text-to-background contrast — WCAG standard requires a minimum ratio of 4.5:1 for normal text.

Export formats

The tool allows exporting palettes to CSS, SCSS, ASE, ACO, GPL and PNG files. You can also copy values in HEX, RGB, HSL and CMYK formats.

Need help choosing colors? Our designers can help

Order a project at Fengo