Color Palette Generator
Enter one base hex color and get a full palette of complementary, analogous, shade and tint colors.
Quick answer: enter your details below and click Generate palette — your result appears instantly, right here in your browser. Nothing you enter is uploaded or stored.
C
Developer
Enter your details below.
How to use
- Enter a base color as a hex value.
- Click Generate palette.
- Copy the eight colors and use them for backgrounds, buttons, accents and text.
About this tool
A single brand color can grow into a whole palette with a little color math. Enter a base hex color and this tool works out its complement on the opposite side of the color wheel, two neighbors on either side, two darker shades and two lighter tints. Use the set for buttons, backgrounds, accents and text without guessing at matching colors.
Frequently asked questions
What is a complementary color?
It sits opposite your base color on the color wheel, so the pair creates strong contrast. Use it sparingly for accents and calls to action.
How are shades and tints different?
Shades darken the base color by lowering lightness, while tints lighten it by raising lightness. Both keep the same hue, so they always match.