Color Palette Generator
Generate a matching color palette from a single base color.
Usage examples
Planning a website color scheme
Start from your brand's base color and quickly get a matching palette for buttons, backgrounds, and accents.
Finding a bold accent with complementary colors
Check the color directly opposite your main hue to pick an eye-catching tone for a call-to-action button.
Adding depth with a monochromatic palette
Use lighter and darker variations of a single hue to build a cohesive, polished design from just one color.
Frequently asked questions
Is my color value sent to a server?
No. All calculations happen entirely in your browser, and the color value you enter is never sent to a server.
How is each harmony type calculated?
Your base color is converted to HSL, then rotated around the color wheel — complementary is 180° opposite, analogous is ±30°, and triadic is spaced 120° apart. Monochromatic keeps the same hue and saturation while only varying lightness.
What happens if I enter a very dark or very light color?
The monochromatic palette's lightness values are clamped between 5% and 95%, so if your original color is very close to black or white, a couple of the variations may end up looking similar to each other.