Generate a tint and shade scale plus complementary, analogous and triadic colors from a base color.
How to use the Color Palette
Pick a base color or type a hex value.
Browse the light-to-dark scale and the harmony colors.
Click any swatch to copy its hex code.
Frequently asked questions
It keeps the base hue and saturation and spreads the lightness from light to dark, giving a consistent set of tints and shades, similar to a design-system color scale.
They are color-harmony relationships based on rotating the hue: complementary is opposite, analogous is nearby, and triadic is evenly spaced around the wheel.
No. The palette is computed entirely in your browser from the color you enter.
A color palette generator that turns a base color into a light-to-dark scale plus complementary, analogous and triadic harmonies.
It runs locally in your browser, and every swatch copies its hex code with a click.
Related tools
Generate SHA-1, SHA-256, SHA-384 and SHA-512 hashes of any text, right in your browser.
Convert colors between HEX, RGB and HSL with a live preview.
Convert Unix timestamps to human dates and back — UTC, local, ISO 8601 and relative time. Seconds and milliseconds are auto-detected.
Percent-encode and decode URLs and URL components, UTF-8 safe.
We use essential cookies to run the site. With your consent we also load Google AdSense, which sets advertising cookies. See our privacy policy.