Color palette generator
Find color combinations for your brand, your website or your next design.
Everything runs in your browser. Nothing you type or paste is sent to a server.
How to use the color palette generator
- 1
Choose the palette type: random or based on a color.
- 2
Generate until you like it and lock the colors you want to keep.
- 3
Copy the HEX codes or CSS variables, or download the image.
About this tool
Harmonious palettes come from the color wheel: analogous uses neighboring hues, complementary opposite hues and triadic three evenly spaced hues.
In random mode you can lock colors and keep generating the rest until you land on a balanced combination.
Frequently asked questions
How many colors should a palette have?
Three to five is usually enough: one main color, one or two accents and neutrals for backgrounds and text.
How do I use the CSS variables?
Paste them into your stylesheet and use them with var(--color-1), var(--color-2)…
Related tools
- Images
Favicon Generator
Create favicon.ico and every icon your site needs from an image or letters.
- Images
Image Color Palette
Extract the main colors of an image and export them.
- NewGenerators
QR Code GeneratorNew
Create QR codes for links, Wi-Fi, email and more.
- Generators
Password Generator
Create strong, random passwords instantly.