🎨 Design Tools

Color Palette Generator

Generate harmonious colour palettes from a base colour.

Base colour
Harmony

Click any swatch to copy its HEX.

About the Color Palette Generator

The Color Palette Generator builds a set of matching colours from a base you choose — complementary, analogous and triadic harmonies — or rolls a fresh random palette. Click any swatch to copy its HEX value straight to your clipboard.

Related Design Tools

Color Contrast Checker Check text/background contrast against WCAG accessibility levels. Box Shadow Generator Design a CSS box-shadow visually and copy the code. Border Radius Generator Round corners independently and copy the CSS. Text Shadow Generator Build a CSS text-shadow with a live preview.