Color Palette Generator

Generate color harmonies from a base hex color. View complementary, analogous, triadic palettes and matching Tailwind CSS classes.

Nearest Tailwind: blue-500 (#3b82f6)

Base

#3b82f6
Base
blue-500

Complementary

#f6af3c
amber-400

Analogous

#523cf6
violet-500
#3ce0f6
sky-400

Triadic

#f63c83
rose-500
#83f63c
lime-300

Shades

#cee0fd
Light
blue-100
#0950c3
Dark
sky-600

Privacy and cookie preferences

We use strictly necessary cookies to run the site. Analytics, marketing, and AI assistant telemetry are optional and disabled until you choose. You can update consent any time in Cookie Settings.

Some infrastructure cookies, such as load balancer routing cookies, are essential for service delivery. Details: Cookie Policy