Single Color to Full Palette
#0097e1
#008def
#3b82f6
#6977f6
#886cee
You Might Also Need
The single color to full palette tool spreads one colour across a sixty-degree hue band, returning five swatches at fifteen-degree steps with your base in the middle.
What is Single Color to Full Palette?
One colour in, five colours out, and the shape of the spread is the whole story. The single color to full palette tool derives its set by rotating hue only: the strip runs from thirty degrees below your base to thirty above, in steps of fifteen, with the base itself occupying the middle slot. Nothing else about the colour changes — the derived swatches keep the base's lightness and chroma, so the five read as one family at one weight rather than as a ramp.
- The five slots are the hues at -30°, -15°, the base, +15° and +30°, in that order.
- Rotation happens in OKLCH, so the fifteen-degree steps are perceptually even rather than even only on paper.
- Hue wraps through the full circle, which keeps bases near the ends of the wheel from clipping.
- Lightness and chroma are inherited, and the derivation is deterministic for a given base.
It is a hue band rather than a tonal ladder, so this five swatch family shares a single weight — that is both its appeal and its main constraint. The name promises a full palette; what it delivers is a family, and knowing which of the two you need is the difference between a finished strip and one that still has work to do.
A sixty-degree span is the classic analogous zone, and that is what this page is: a palette from one color that stays inside a single neighbourhood of the wheel. It is not a lightness ladder. That distinction matters, because the two produce very different palettes from the same base — a lightness ladder varies how light or dark a single hue is, while this tool varies the hue while holding the tonal weight constant. If your goal for the palette was depth (light surfaces, dark text, states in between), a shade or tint tool built on the same base is the one that will deliver it.
The results are best judged at the size they will be used. Fifteen degrees apart at one lightness is a subtle difference by design, and on small chips some of the five can be indistinguishable; on large surfaces the same five separate clearly. That is not a bug in the maths, it is the nature of a narrow band, and it is why the strip works well for atmospheric surfaces and poorly for tiny colour-coded dots.
- Only five slots, all fixed: there is no count control and no way to widen the band.
- No tonal variation: every swatch sits at the base's lightness and chroma, so there is nothing here for a surface, a border or a text colour.
- No ordering or sorting, and no contrast reading of any kind.
- No alpha handling, so translucent and solid steps are not part of the output.
Use it when the base colour is already right and the palette simply needs company: a hero surface with two neighbours, a card background and its hover, a chart that steps gently through one family. Pair it with a tonal tool for anything that has to hold text, and use the analogous generator when you want the same idea structured as a rule rather than as a band you configure yourself.
How to use Single Color to Full Palette
- Set the base colour with the picker field.
- Read the five swatches: two hues below the base, the base in the middle, two above.
- Copy the hex values you want, remembering that all five share one tonal weight.
- Add depth from a shade or tint tool if the palette has to carry surfaces or text.
When to use Single Color to Full Palette vs related tools
Use this when one anchor colour needs a small, subtle family around it. The analogous generator builds the same neighbourhood as a fixed three-hue rule, the tints generator and its shade counterparts supply the tonal depth this band deliberately lacks, and the palette sorter orders the family once it is chosen.
Privacy & Security
This tool runs entirely in your browser — no data ever leaves your device. There is no server round-trip, no upload, no logging, and no account required. Your input is processed locally using client-side JavaScript and is never stored, transmitted, or accessible to anyone else. When you close the tab, everything disappears.