How to make a color palette
- Enter or pick a base color.
- Choose a harmony, or choose an image to pull colors from.
- Copy a color or export the CSS variables.
About this tool
Start from one color and get matching ones. Choose a harmony such as complementary, analogous or triadic, and see a scale of eleven shades from very light to very dark. Or pick an image and pull out its main colors. Click any swatch to copy it, then export the whole palette as CSS variables. Pictures are read in your browser and never uploaded.
Common questions
What is a color harmony?
A set of colors related by position on the color wheel. Complementary uses opposites, analogous uses neighbors, and triadic uses three evenly spaced colors.
How are the shades made?
By stepping the lightness in OKLCH while keeping the hue, so the steps look evenly spaced to the eye.
Is my image uploaded?
No. The colors are found in your browser.
Is it free to use?
Yes. There's no sign-up, and you can use it as often as you like.
Is my text uploaded anywhere?
No. This tool runs inside your browser, so what you enter stays on your device.
Do I need to install anything?
No. It works in your browser on a computer or a phone.