Tiny Toolkit

Color Palette Generator

Generate a harmonious five-colour palette from any base colour using colour theory relationships — complementary, analogous, triadic, and split-complementary. Export as a HEX list, CSS custom properties, or a Tailwind config object. A good starting point when beginning a new design and needing a cohesive colour set quickly.

All processing happens in your browser. No data is sent to any server.

Frequently Asked Questions

How are palette colours generated?
Palettes are generated using colour theory relationships — complementary, analogous, triadic, and split-complementary — based on your chosen base colour.
How many colours are in each palette?
Each generated palette contains five harmonious colours including the base colour.
Can I export the palette?
Yes — export as a HEX list, CSS custom properties, or a Tailwind config object.

Related Tools

Color Lightener & Darkener

Generate tints and shades of any color. Click any swatch to copy its HEX, RGB, or HSL code.

Color Code Converter

Convert colors between HEX, RGB, RGBA, HSL, HSLA, and CSS named colors instantly.

Tailwind Shade Generator

Generate a full 11-stop Tailwind CSS color scale from any base color. Export as a JS object or CSS variables.