Color Palette Generator
Generate tints, shades, analogous, complementary and triadic palettes from any color.
How to use
Create a palette
Enter a color and choose a harmony. The swatches update instantly and each one can be copied with a click.
- Enter a hex, rgb or hsl color.
- Choose a harmony type.
- Click any swatch to copy its hex value.
Harmony types
Tints add white, shades add black, analogous neighbors the hue, complementary uses the opposite hue and triadic uses three evenly spaced hues.
Frequently asked questions
Can I paste a color name?
The palette tool accepts hex, rgb() and hsl() values. Use the color converter first for named colors.
How are tints calculated?
Tints keep the hue and saturation and raise lightness, while shades lower lightness, using HSL color space.
Related tools
Color Converter
Convert colors between HEX, RGB and HSL with a live preview swatch.
Color Contrast Checker
Measure WCAG contrast ratios and see whether text passes AA and AAA for normal and large text.
CSS Gradient Generator
Design linear or radial CSS gradients with a live preview and copy-ready CSS.
UUID / GUID Generator
Generate random version 4 UUIDs and copy them one by one or in bulk.
Hash Generator
Compute MD5, SHA-1, SHA-256 and SHA-512 digests of any text.
Timestamp Converter
Convert between Unix timestamps, ISO 8601 and human readable local dates.