Tailwind CSS Palette Generator

Generate and preview custom color palettes for your Tailwind projects

Color Palette

Base color:

UI Preview

See how colors look in UI components

Text Input

Select Input

Checkbox

Radio Button

Card Title

Card description text

This is example content inside a card.

This is an information message.

This is a warning message.

Home/Category/Current Page

PrimarySecondaryLightOutlineTagBordered

Progress Bar (75%)

Step 1

Step 2

Step 3