Color Palette Generator
Generate color palettes from a base color using color theory — complementary, analogous, triadic, tetradic, monochromatic and tints & shades — and export them as CSS variables.
This tool runs entirely in your browser.
Loading tool…
How to use the Color Palette Generator
- 1Pick a base color or press “Random”.
- 2Choose a harmony rule.
- 3Click any swatch to copy it, or copy all as CSS variables.
What is the Color Palette Generator?
Harmony rules rotate the hue around the color wheel: complementary uses the opposite hue (180°), analogous uses neighbours (±30°), triadic uses three hues 120° apart.
Frequently asked questions
Which scheme is best for a website?
A monochromatic or analogous palette for the main UI plus one complementary accent color for buttons and highlights is a reliable start.
Is the Color Palette Generator free and private?
Yes. The Color Palette Generator is free, needs no account, and runs entirely in your browser. What you type is never sent to a server or stored.
Related tools
All color tools →- Color PickerPick colors and get HEX, RGB and HSL codes.
- CSS Gradient GeneratorCreate linear and radial CSS gradients.
- Contrast CheckerCheck WCAG color contrast for accessibility.
- Color ConverterConvert any color between HEX, RGB, HSL, HSV and CMYK.
- HEX to RGBConvert HEX color codes to RGB.
- RGB to HEXConvert RGB color codes to HEX.