Analogous Colour Palette Generator
Pick a base colour and get its neighbours on the wheel. The most reliably harmonious scheme there is, because nature uses it constantly.
Free preview · No signup · ~10 seconds
Why analogous schemes feel calm
Neighbours on the wheel
An analogous scheme takes hues within roughly 30 to 60 degrees of the base. Because the colours share underlying pigment, they blend rather than compete, which is why the result reads as calm almost regardless of which base you choose.
It is what nature does
Sunsets, foliage, ocean depth gradients — these are analogous ranges. That familiarity is why the scheme feels settled to viewers who have never thought about colour theory, and why it is the safest option when you are not confident.
The trade-off is emphasis
Everything harmonising means nothing stands out. An analogous palette gives you no natural accent, so a call to action can disappear into the page. Many designers use an analogous base plus one complementary accent for exactly this reason.
Vary lightness, not just hue
Because the hues are close, hue alone will not separate elements. Lean on lightness and saturation differences instead. A palette that looks distinct as swatches can turn into mush once it is applied at scale.
How it is calculated
The base is converted to HSL and the hue is rotated in both directions by a fixed step, with lightness varied to keep the set usable. HSL is used because rotating hue in RGB produces mathematically valid but visually erratic results.
How to analogous colour palette generator
Pick your base colour
Set the picker to your starting colour. Nothing to upload.
Read the palette
Neighbouring hues appear immediately with their hex codes.
Copy what you need
Click a swatch to copy one hex, or copy the whole set.
Analogous Colour Palette Generator — in the editor
The real editor, start to finish — no signup needed to try it yourself.
Free preview · No signup · ~10 seconds
Where analogous palettes fit
Calm interfaces
Build a UI palette where nothing shouts and everything belongs together.
Illustration
Pick a coherent range for a scene without colours fighting.
Slide themes
Set a restrained deck palette that stays readable across many slides.
Warm brand systems
Explore a range around a single brand hue rather than jumping across the wheel.
Or just ask
Describe the edit in your own words
Type what you want changed and the assistant does it on the canvas — each step lands as a layer you can reopen, so nothing it does is baked in.
No edits yet.
Frequently Asked Questions
Related Tools
Guides worth reading
How to Make a Duotone Image in Figma (Building One From Blend Modes)
Figma has no duotone effect. You assemble one from a desaturated image and two blended rectangles — here is the layer stack, the order that matters, and an honest account of what it costs to maintain.
How to Make a Logo White in Photoshop (3 Methods, One of Them Non-Destructive)
Color Overlay, Lock Transparent Pixels, and why Hue/Saturation is the wrong tool even though Lightness looks like it works — plus the fringe that makes a white logo look dirty on a dark background, and how to remove it.
How to Replace a Color in Canva (What's Possible on Elements, and What Isn't on Uploads)
Canva can swap colors on vector elements one swatch at a time. On an uploaded photo or PNG there is no per-color control at all — here is the full picture, including the Duotone approximation and its limits.
Generate an analogous palette
Pick a base colour and copy the hex codes.