Color Palette Generator

How Color Palette Generator works

Start from any colour and get five tints, five shades and three harmony colours with one-click copying. Everything happens inside this page: the tool reads your input, runs the calculation or conversion locally, and hands the result back to you. Nothing is transmitted, because there is no backend to transmit it to.

That design choice is deliberate. Most free tool sites upload your files to a server, process them there, and quietly keep a copy. Toolcin cannot do that — the site is a set of static files. If your connection dropped the moment the page finished loading, every tool would still work.

Tints, shades and the base

From one colour the tool derives nine steps: four tints at 90, 80, 70 and 60 percent lightness, the base unchanged, and four shades at 40, 30, 20 and 10 percent. Hue and saturation stay fixed, so every swatch is recognisably the same colour at a different depth.

That is exactly what a design system needs for hover states, borders, surfaces and text on a background — one brand colour expanded into a usable scale instead of nine unrelated colours.

The three harmony swatches

Three extra swatches rotate the hue by 180°, 150° and 210°. The 180° shift is the complement — maximum contrast, useful for an accent or a call to action. The 150° and 210° shifts are the split-complementary pair, which keeps the contrast but is easier to balance across a whole interface.

Rotating only the hue keeps saturation and lightness, so the result belongs to the same family. Rotating lightness as well would produce colours that fight each other.

Checking before you ship

A palette that looks balanced is not the same as a palette that is readable. Before using any swatch as text on another, check the pair in the contrast checker — the amber-on-white combinations that look tasteful in a mockup often fail the 4.5:1 threshold for body text.

Clicking any swatch copies its hex value, so the check takes one paste.

Good to know

• Works offline once loaded, including on flights and in locked-down networks.
• No file size limit beyond your device's own memory.
• Free to use, with no account and no usage counter.
• Results are produced locally, so they are not logged or shared with anyone.

Questions