Skip to content
ColourKit

Free Colour Palette Generator

Generate harmonious colour palettes, extract colours from images, check contrast ratios and create gradients — all free, all instant.

More Colour Tools

From Image

Upload an image and extract its dominant colour palette automatically.

Contrast Checker

Check WCAG contrast ratios for accessibility compliance.

Gradient Maker

Create beautiful CSS gradients with multiple colour stops.

Tints & Shades

Generate lighter tints and darker shades of any colour.

6

Harmony Modes

WCAG

AA & AAA Checking

Free

Forever

0

Signup Required

How It Works

1

Choose a Tool

Pick from our palette generator, contrast checker, gradient maker or colour extractor.

2

Input Your Colours

Enter hex values, use the colour picker, upload an image or press spacebar to randomise.

3

Explore Variations

Try different harmony modes, adjust stops, generate tints and shades until it looks perfect.

4

Export & Use

Copy CSS, Tailwind config, SCSS variables or JSON. Download gradient swatches as PNG.

How to Use ColourKit

ColourKit is a free, browser-based colour palette generator built for designers, developers and anyone who works with colour. No account required, no software to install.

Generate palettes using six harmony modes: Random, Analogous, Complementary, Triadic, Split-Complementary and Monochromatic. Lock colours you like, then regenerate the rest. Press the spacebar for instant new palettes.

Export anywhere — copy palette codes as CSS custom properties, Tailwind config, SCSS variables or JSON. Click any colour bar to copy its hex value to your clipboard.

Need to check your colours meet accessibility standards? Use our Contrast Checker to verify WCAG AA and AAA compliance. Or extract a palette from a photo with our From Image tool.