Color Palette Generator

Generate random or harmonious five-colour palettes and lock the ones you like.

How to Use Color Palette Generator

Choose a colour scheme, or leave it on Analogous.
Press Generate New until you see colours you like.
Click the lock on any colour to keep it, then generate again to replace only the others.
Click a HEX code to copy it, or copy the whole palette as a list or as CSS variables.

The colour schemes

Analogous uses neighbouring hues on the colour wheel, which feels calm and natural. Complementary pairs a hue with its opposite for strong contrast. Triadic uses three hues spaced evenly around the wheel for a lively, balanced look. Monochrome keeps one hue and runs from dark to light, which is handy for tints in a design system. Random picks any five colours.

Each new palette starts from a random base hue, so pressing Generate New again gives a different set in the same style.

Turning a palette into a design

A common split is one main colour, one or two accents and a couple of neutrals for backgrounds and text. Before using a palette for text, check the pairs you plan to combine with the Color Contrast Checker. Copy as CSS variables gives you a :root block with --color-1 to --color-5, ready to paste into a stylesheet.

Key Features & Practical Use Cases

Choosing colours for a new website, app or brand.
Finding accent colours that go with a colour you already have.
Building a light-to-dark scale of one colour for a design system.
Quick colour ideas for slides, posters and social posts.

Frequently Asked Questions

How do I keep a colour I like?

Click its lock icon. Locked colours stay when you generate a new palette.

Can I start from my own brand colour?

Not by typing it in. Use the Color Picker & Converter to find tints and shades of a specific colour.

Are the palettes free to use?

Yes. Colours can't be owned, so use them anywhere.

How do I copy all the colours?

Use Copy hex list for a comma-separated list, or Copy as CSS variables.

About OneClickly

OneClickly is a set of 119 free tools for PDFs, images, text, everyday math and code. They run in your browser, so the files and text you work with stay on your device.

Related Tools

Border Radius Generator - Set each corner with a slider and copy the border-radius CSS.
CSS Grid Generator - Choose columns, rows and gap and copy ready-made CSS Grid code.
Flexbox Generator - Try flexbox settings on live boxes and copy the CSS.
Color Picker & Converter - Pick a colour or type it as HEX, RGB or HSL and convert it to every other format.
CSS Gradient Generator - Design linear and radial CSS gradients with up to five colours and copy the code.
Box Shadow Generator - Adjust offset, blur, spread and colour with a live preview and copy the box-shadow CSS.