Developer Tools

Color Palette Generator

Generate a full shade palette (50-900) from any base color. Tailwind CSS style.

FAQ

How are shades calculated?

Lighter shades add white (tinting), darker shades subtract light (shading). The 500 shade is your base color.

What is a complementary color?

The opposite color on the color wheel. It provides maximum contrast and visual interest.

Related tools