Color Palette Generator
Generate beautiful color palettes using harmony rules. Export to CSS, SCSS, Tailwind, or JSON. Lock colors and share via URL.
Features
Color Harmony Rules
Complementary, triadic, analogous, split-complementary, and monochromatic palettes.
Export Anywhere
Copy your palette as CSS custom properties, SCSS variables, Tailwind config, or JSON.
Lock & Regenerate
Lock colors you like, then regenerate the rest to find the perfect combination.
Share via URL
Every palette gets a unique URL hash — share your palettes with anyone.
FAQ
What are color harmony rules?
Color harmony rules define relationships between colors on the color wheel. Complementary colors are opposite each other, triadic colors are evenly spaced at 120°, and analogous colors sit next to each other. These rules help create visually pleasing combinations.
Can I use these palettes in my projects?
Yes! All generated palettes are free to use in personal and commercial projects. Export them directly to CSS, SCSS, Tailwind, or JSON for instant integration.
How does the share URL work?
Each palette is encoded in the URL hash as hex values. When someone opens the link, the palette is automatically restored. No server storage needed — it's all in the URL.
Premium Developer Resources
Like this tool? Get 20+ premium tools
Unlock AI Code Review, AI Doc Generator, AI SQL Builder, batch processing, and API access. Start your 7-day free trial today.
Free vs Pro
Related Tools
Color Converter
Convert colors between HEX, RGB, and HSL with live preview.
SVG to PNG Converter
Convert SVG to high-quality PNG with custom dimensions, background color, and retina scaling.
Favicon Generator
Generate multi-size favicons from any image with manifest.json and HTML tags.
JSON Formatter & Validator
Format, validate, and minify JSON data with syntax highlighting and error detection.