DESIGN TOOL

Color Palette Generator

Press Spacebar for New Colors

#099F35
#4A2A6C
#8693BB
#748C6E
#674686
Actions & History

History

Your palette history is empty. Generate new palettes to see them here.

Saved Palettes

You haven't saved any palettes yet. Use the 'Save Palette' button to keep your favorite color combinations.

Export Palette
:root {
  --color-1: #099f35;
  --color-2: #4a2a6c;
  --color-3: #8693bb;
  --color-4: #748c6e;
  --color-5: #674686;
}
var(--color-1)
var(--color-2)
var(--color-3)
var(--color-4)
var(--color-5)
About the Color Palette Generator

Our color palette generator is a powerful tool for creating harmonious color schemes for your design projects. You can choose between different color harmonies or create completely random palettes.

With the generator, you can lock colors you want to keep while generating new variations. The generated palettes can be exported as CSS variables, Tailwind configuration, or CSS gradient.

Color Harmonies

Color harmonies are color combinations created according to specific rules that appear visually appealing.

  • Analogous: Colors that are adjacent on the color wheel and appear harmonious.
  • Monochromatic: Different shades and brightness levels of a single color.
  • Complementary: Colors that are opposite on the color wheel and create strong contrasts.

Tips for Use

  • Lock colors you like before generating new ones to keep them.
  • The first unlocked color is used as the base for color harmonies.
  • Save your favorite palettes to reuse them later.