8 min read
2026-01-18
The right color palette sets the mood, directs attention and strengthens the brand. The palette generator helps you choose harmonious colors according to the rules of color theory.
| Harmony | Description | Application |
|---|---|---|
| Similar | Adjacent colors on a circle | Calm, harmonious design |
| Complementary | Opposite colors | Contrast and energy |
| Triadic | 3 colors through 120° | Bright and balanced |
| Split-complementary | 1 color + 2 adjacent opposite | Contrast without tension |
| Square | 4 colors at 90° | Variety with balance |
Choose a base color for your brand
Specify the type of harmony
Adjust Saturation and Brightness
Export the palette to CSS, SCSS or JSON
60% — dominant color (background)
30% — secondary color (blocks, cards)
10% — accent color (buttons, links)
See also: Gradient generator, Avatar generator, Color converter
Generate harmonious palettes with color locking, history and undo/redo
Open tool