About the Color Palette Generator
A good colour palette is the backbone of any design. Starting from a single colour you like, you can build a harmonious set of related shades and complementary colours that work well together — the foundation for a website, brand or illustration.
This palette generator creates coordinated colour schemes from a base colour and gives you the HEX codes to copy. It runs entirely in your browser.
How to use it
- 1Choose or enter a base colour to build around.
- 2Generate a palette of coordinated colours.
- 3Regenerate until you find a combination you like.
- 4Copy the HEX code of any colour with a click.
- 5Use the palette across your design for a consistent look.
Common uses
- →Choosing a colour scheme for a new website or brand.
- →Finding shades that complement your main brand colour.
- →Building a consistent set of UI colours.
- →Getting inspiration when you're stuck on colour choices.
- →Creating coordinated colours for charts or illustrations.
Tips & good to know
- Limit a design to a few core colours plus neutrals — too many colours looks chaotic.
- Reserve one bright accent colour for calls to action so they stand out.
- Always test text and background pairs for readability with a contrast checker.
Frequently asked questions
- How are the palettes created?
- They're built from colour-theory relationships around your base colour, giving you shades and complements that work together.
- Can I copy the colours?
- Yes. Each colour shows its HEX code and copies to your clipboard with a click.
- Is it free?
- Yes, and it runs entirely in your browser with no signup.