# Colour Palette Generator

> Build harmonious palettes — complementary, triadic, analogous and monochromatic.

To generate a colour palette, pick a base colour and a harmony rule. Complementary rotates the hue 180 degrees for maximum contrast, analogous stays within 30 degrees for a calm scheme, and triadic spaces three hues evenly for balanced variety.

**URL:** https://convertto.tech/t/color-palette-generator
**Category:** Color Tools (https://convertto.tech/c/color-tools)
**Privacy:** Runs entirely in the browser; no upload
**Cost:** Free, no sign-up
**Last updated:** 2026-08-01

## Key facts

- **Privacy:** Runs entirely in your browser — nothing is uploaded
- **Cost:** Free, unlimited, no sign-up

## How to use

1. Pick the base colour.
2. Choose the harmony.
3. Set the colours.
4. The result appears immediately — copy or download it.

## FAQ

### How many colours should a palette have?

Fewer than most palettes contain. One primary, one accent and a neutral scale covers most interfaces; every additional hue is another decision on every screen. Depth usually comes from shades of few hues rather than many hues.

### Why do my palette colours look wrong together?

Most often unequal lightness. Two colours of the same hue family but very different perceived brightness fight each other. Generating shades in a perceptual space such as OKLCH keeps steps visually even in a way HSL does not.

## Related tools

- [Tailwind Colour Shade Generator](https://convertto.tech/t/tailwind-shade-generator): Generate a full 50–950 Tailwind colour scale from a single brand colour.
- [Colour Tints & Shades Generator](https://convertto.tech/t/color-shades-generator): Generate lighter tints and darker shades of any colour, with hex values.
- [CSS Box Shadow Generator](https://convertto.tech/t/box-shadow-generator): Design a CSS box-shadow with live values for offset, blur, spread and colour.
- [Glassmorphism CSS Generator](https://convertto.tech/t/glassmorphism-generator): Create frosted-glass CSS with backdrop blur, transparency and a subtle border.
- [CSS Gradient Generator](https://convertto.tech/t/gradient-generator): Build linear, radial and conic CSS gradients and copy the code.
- [Image Colour Palette Extractor](https://convertto.tech/t/image-palette-extractor): Pull the dominant colours out of any image as HEX and RGB values.
- [Colour Blindness Simulator](https://convertto.tech/t/color-blindness-simulator): See how a colour appears to people with protanopia, deuteranopia and tritanopia.
- [Colour Converter](https://convertto.tech/t/color-converter): Convert any colour to HEX, RGB, HSL, HSV, CMYK, LAB and native code — with contrast, tints and harmonies.