Free Designer Tools

Why Use a Colour Palette Generator?

Colour is the first thing a visitor notices on any website, app, or marketing material. A well-chosen palette communicates mood, builds trust, and guides attention — but picking colours that work together is harder than it looks. A palette generator applies colour theory automatically so every combination is harmonious from the start.

Colour Theory and Harmony Modes

Colour harmony describes predictable relationships on the colour wheel. Complementary palettes pair colours from opposite sides of the wheel for maximum contrast. Analogous palettes use neighbouring hues for a calm, cohesive feel. Triadic, tetradic, split-complementary, and other modes each produce a different visual effect. This generator supports 18 harmony modes so you can explore them all without memorising the geometry.

Export Formats for Every Workflow

A palette is only useful if you can move it into your design tool or codebase quickly. The Colour Palette Generator exports CSS custom properties, Tailwind config tokens, raw hex and OKLCH values, PNG swatches, SVG vectors, and ASE files for Adobe apps. Copy a single value or download the entire palette in one click.

Accessibility and WCAG Contrast

Beautiful colours mean nothing if users cannot read your text. WCAG 2.1 requires a minimum contrast ratio of 4.5:1 for normal text and 3:1 for large text. The generator checks every colour pair against these thresholds and flags failures so you can fix them before shipping.

What Is OKLCH?

OKLCH is a modern perceptual colour space supported in CSS Color Level 4. Unlike HSL, OKLCH produces uniform lightness steps — a lightness value of 0.7 looks equally bright regardless of hue. This makes it ideal for generating consistent design tokens and ensuring accessible contrast across an entire palette.

Privacy and No Sign-Up

All designer tools run entirely in your browser. Your colour choices and palettes are never sent to a server. There's no account required, no email capture wall, and no usage limits.