Generate beautiful Tailwind CSS color shades and palettes from any base color. Our free online tool helps you create custom color schemes for your web projects. Perfect for designers and developers looking to extend Tailwind's default color palette with harmonious, accessible color variations. Get HEX, RGB, HSL, and OKLCH values instantly.
This is a basic card with some sample content.
This is a featured card with inverted colors.
Regular paragraph text with good line height. This is a longer text to demonstrate how paragraphs look. The quick brown fox jumps over the lazy dog.
Small text for captions
Extra small text for fine print