Color Palette Generator

Web & Design 100% in-browser

Pick a base color to generate shades, tints and a matching palette.

Shades & tints

Harmony

Click any swatch to copy its HEX code.

How to use the Color Palette Generator

1 Choose a base color with the picker or a HEX value.
2 See generated shades, tints and complementary colors.
3 Click any swatch to copy its HEX code.

About the Color Palette Generator

A good palette starts from one color. This generator produces a range of lighter tints and darker shades of your base color, plus a few harmonious companions, so you can build a consistent scheme for a site or design.

Every color is computed in your browser and copyable with one click.

Frequently asked questions

How are shades generated?

By adjusting the lightness of your base color in even steps.

Can I copy the HEX codes?

Yes, click any swatch to copy its code.

Related tools

Color Converter Pick a color or type a value to convert instantly between HEX, RGB and HSL with a live preview.

Color Contrast Checker Pick a text and background color to check the WCAG contrast ratio and AA/AAA pass.

CSS Gradient Generator Build a linear or radial CSS gradient and copy the code.