Design & UI
Color Palette Generator
Create harmonious design systems with AI-driven aesthetics
Space to re-roll
Generate
Accessibility Check
Recent Palettes
Pro Export
Download your palette as a production-ready Tailwind configuration file or SCSS variables.
Copied to clipboard!
About the Color Palette Generator
A free colour palette generator for a starting colour. Build a set of swatches and copy the values into a design.
How to use the Color Palette Generator
- Pick or type a starting colour.
- Generate the palette.
- Copy the colour values you want to keep.
What to check
Check the contrast of text on each swatch before you use the palette on a page.
Can I start from a brand colour?
Yes. Enter your brand colour and generate the surrounding swatches from it.
Does the palette generator store my colours?
Copy the values you need. The palette is built on this page.
Professional Design Utilities • HSL Logic Engine • Version 1.0.0