Color Palette Generator
Press Spacebar to generate a new palette.
Saved / Recent Palettes
How to Use Color Palette Generator
Find colours that look great together in one tap. Press space (or Generate) for a new palette, pick a colour rule, and export it for your project.
Generate
Press the space bar or click Generate to get a new palette.
Pick a Style
Choose Random, Monochromatic, Analogous, Complementary or Triadic.
Export or Save
Copy as CSS variables, Tailwind config, SCSS or a HEX list — or save it to your recent palettes.
Styles
5 colour rules
Shortcut
Space = new palette
Export
CSS · Tailwind · SCSS · HEX
Save
Recent palettes
Privacy
Runs in your browser
Price
100% free
What Can You Use It For?
Popular ways people use Color Palette Generator.
Web & App Design
Pick brand and UI colours.
Tailwind Projects
Export straight into tailwind.config.
Brand & Merch
Colours for logos, posters and products.
Home & Craft
Ideas for rooms, weddings and crafts.
Tips for the Best Result
- Monochromatic looks calm and professional; complementary looks bold.
- Keep one or two main colours and use the rest as accents.
- Check text contrast with the Color Picker.
Frequently Asked Questions
Quick answers about Color Palette Generator.
Click Generate (or press space) until you like one, then export or save it.
Colours opposite each other on the colour wheel — high contrast and eye-catching.
Colours next to each other on the wheel — smooth and natural.
Yes — choose "Tailwind Config" in Export.
In your own browser on this device. Clearing browser data removes them.
Yes, the colours you make are yours to use.
Yes — tap Generate instead of space.
Related Free Tools
Ready to Use Color Palette Generator?
Scroll up and get your result in seconds. 100% free, no sign-up needed.
Start NowAd Blocker Detected
Toolszu provides free access to over 1,000 tools. We rely on minimal ads to maintain our servers and keep improving the site for everyone.
Please pause or disable your ad blocker to continue using Toolszu.
Already have a plan? Sign in