Design Tools

Tailwind CSS Palette Generator

Generate full 50-950 Tailwind CSS color shade palettes from any hex color with 1-click config export.

Pick Base Color: #3B82F6

Tailwind CSS Config Snippet (Click to Copy):

Recommended developer stack

Reliable SSD droplets, managed databases, and Kubernetes clusters deployed in seconds.

The open source Firebase alternative. Dedicated Postgres DB, instant Auth, and REST/GraphQL APIs.

Protect your developer workstations, APIs, and DNS queries with fast, encrypted tunnels.

Affiliate Disclosure: We may earn a commission from partner signups at zero cost to you, which funds our free tools and ad-free hosting.

Shades are generated using balanced luminosity and tint curves optimized for Tailwind CSS design systems.

Yes, click the generated configuration block to copy it to clipboard.

Pick visually with the color picker or input custom HEX values.