🎨Color Palette Generator

Generate harmonious color schemes

Tips:

  • Click 🔒 to lock a color, keeping it when generating
  • Click the color code to copy to clipboard
  • Click 'Generate Palette' to create a new scheme
:root {
  --color-1: #26f4bf;
  --color-2: #0e29a1;
  --color-3: #0c275e;
  --color-4: #757db6;
  --color-5: #ac363a;
}

How to Use

The Color Palette Generator creates harmonious color combinations. Auto-generates complementary, analogous, triadic, and other schemes based on color theory. Lock colors and fine-tune. Copy HEX values directly.

FAQ

What are complementary colors?

Complementary colors are opposite each other on the color wheel (e.g., red and green), creating strong contrast when used together.

How to choose a good color scheme?

Use the 60-30-10 rule: dominant color 60%, secondary 30%, accent 10% for visual hierarchy.