Colour palette generator
Choose a base colour and get five harmonious shades instantly. Click any swatch to copy its code.
Palette generator
Base colour → harmony palette
Image to palette
Extract colours from a photo
Colour converter
HEX, RGB, HSL, HSB, CMYK, OKLCH
Contrast checker
WCAG AA and AAA pass or fail
Gradient maker
Two-stop CSS gradients
Colour scale
50–950 design system scale
Palette by mood
Pick a feeling, get a scheme
Shades & tints
11 steps from light to dark
Colour theory, briefly
Analogous: neighbours on the wheel — calm, cohesive.
Complementary: opposite hues — high contrast, energetic.
Triadic: three evenly-spaced hues — balanced and vivid.
Monochromatic: one hue, many tints & shades.
Common questions
What is a colour palette?
A small set of colours chosen to work together — usually one or two main hues, supporting tones, and neutrals for text and backgrounds.
How do I extract colours from an image?
Open the Image → Palette tool, upload a photo, and it finds the dominant colours in your browser — nothing is uploaded.
What is the difference between HEX and RGB?
They describe the same colour. HEX (#3D8BF5) is a compact web format; RGB lists red, green and blue from 0–255.