Shades & Tints Generator

Input any base brand color to generate the complete Tailwind CSS 50–950 design scale.

Brand HEX Color

Copy code snippets in your preferred frontend format

// Export tokens will appear here

Ready for production copy