Free Color Palette Generator
Generate beautiful color palettes from any hex color using color theory math.
Free, no signup — enter a hex color like #7c3aed to get complementary, triadic, analogous, split-complementary, and tetradic palettes instantly.
Base Color Preview
#7c3aed
Editing is a pain in the ass, right?
That's why we're building Cubix. No more editing hell.
AI Video Editor
Drop your footage, tell it what you want. Cubix cuts, captions, color grades, and exports — fully on its own. No timeline. No manual work. Just results.
Cinematic Screen Recorder
Hit record on Windows. Auto-zoom, cinematic backgrounds, and studio-quality audio kick in automatically — your screen recording looks edited before you've touched a thing.
How to Generate a Color Palette
Turn one color into a full, harmonious scheme in three steps.
Enter a Base Color
Type or paste a hex color like #7c3aed — your brand color, a favorite shade, or any starting point.
Get 5 Palette Types
Instantly see complementary, triadic, analogous, split-complementary, and tetradic palettes generated with color-theory math.
Copy the Hex Values
Click any swatch to copy its hex code, ready for CSS, Tailwind, or your design tool.
base #7c3aed → triadic
click a swatch to copy hex
5 Palette Types
Get complementary, triadic, analogous, split-complementary, and tetradic palettes from one base color.
Color Theory Math
Palettes are generated using HSL color wheel rotation — the same principles used by professional design tools.
Copy Hex Values
Click any color swatch to copy its hex value to the clipboard instantly for use in CSS or design tools.
Frequently Asked Questions
What is a complementary color palette?
A complementary palette uses two colors opposite each other on the color wheel (180° apart). This creates high contrast and visual tension — great for calls to action and bold designs.
What is a triadic color palette?
Triadic palettes use three colors equally spaced 120° apart on the color wheel. They offer strong visual contrast while maintaining color balance — popular in vibrant, energetic designs.
What is an analogous color palette?
Analogous palettes use colors adjacent on the color wheel (±30° and ±60° from the base). They create harmonious, natural-looking combinations that are pleasing and cohesive.
How do I use these colors in my project?
Click any swatch to copy its hex value to your clipboard, then paste it into CSS, Tailwind config, Figma, or any design tool.
Is the Color Palette Generator free?
Yes. It is completely free with no signup, and palettes are generated in your browser using color-theory math.
Related design tools
Convert colors, generate gradients, check contrast, and copy CSS instantly.