Generate beautiful color combinations for websites, branding and design projects. Explore color harmony modes, customize individual colors and export your palette in seconds.
Palette Settings
Choose a color harmony style and customize how your palette is generated.
Your Color Palette
Click a color block to choose a new color. Use the lock button to keep a color while generating new palettes.
Color Combination Preview
See how your generated colors work together in a simple website-style preview.
Create Something Beautiful
A thoughtfully selected color palette can make your design feel more consistent and memorable.
Explore More
Primary Color
Secondary Color
Accent Color
Export Your Palette
Copy CSS variables for your stylesheet or download the palette as a JSON file.
Design tip: Use a primary color for important elements, a secondary color for supporting areas and an accent color to draw attention to calls to action. Always check text contrast before using colors in your interface.
