Design Tools

Hex Color Tint & Shade Palette Generator

Generate 10 lighter tints and darker shades from any base hex color with exportable Tailwind/CSS tokens.

Select or enter any hex color to generate 10 tints & shades

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.

Tints are created by mixing the base color with white, while shades are created by mixing with black.

Yes, outputs matching Tailwind CSS numerical color scale tokens.

Click any color swatch to copy its exact hex value.