Color Palette Generator
Design ToolsBuild harmonious colour palettes from a base colour.
AI suggestions for your brand description. Review before applying.
AI result
Suggestions
AI-generated suggestions may be inaccurate. Review before publishing. AI processing is optional and content is sent to our AI provider only when you run an action.
Optional AI assistance. Your input is only sent to our AI provider when you run an action.
Tints & shades
What is Color Palette Generator?
Color Palette Generator builds harmonious colour palettes from a base colour, with copyable hex codes.
How to use Color Palette Generator
- 1 Pick a base colour.
- 2 Choose a harmony rule.
- 3 Copy the palette values.
Supported formats and limits
- Input: a base colour
- Output: a harmonious palette with codes
- Runs in your browser
Common uses
- Build a colour scheme for a website.
- Explore shades and tints from one base colour.
- Get hex values to hand to a designer.
Things to know
- Palettes are system-generated suggestions, not colour-theory guarantees.
- Check contrast for accessibility before shipping.
Privacy and file handling
Palettes are generated in your browser.
Frequently asked questions
What is a complementary palette?
It pairs colours from opposite sides of the colour wheel for strong contrast.
How are the palettes created?
From a base colour, the tool derives harmonious combinations such as complementary and analogous sets.
Can I copy the colour values?
Yes. Each swatch can be copied as HEX, RGB or HSL.
Is anything uploaded?
No. It runs in your browser.
Related tools
CSS Gradient Generator
Create beautiful CSS gradients with ease.
Box Shadow Generator
Design CSS box shadows visually.
QR Code Generator
Create custom QR codes for links and text.
Image to Base64
Convert images into Base64 data URIs and back.