Tailwind Color Palette Generator

Create beautiful Tailwind color palettes from a single hex color. Perfect for your next project.

UI Preview Components

Buttons

Card

Card Title

This is a sample card using your custom color palette.

Alerts

Information Alert
This is an information message.
Warning Alert
This is a warning message.

Chart

Mon
Tue
Wed
Thu
Fri
Sat
Sun

Slider

0100

Toggle

Notifications
Dark Mode

Badges

PrimarySecondaryLightOutline
50
#000000
100
#000000
200
#000000
300
#000000
400
#000000
500
#000000
600
#000000
700
#000000
800
#000000
900
#000000
950
#000000

Tailwind Colors

v4.0.0
Copy Format:
50
100
200
300
400
500
600
700
800
900
950
Slate
Gray
Zinc
Neutral
Stone
Red
Orange
Amber
Yellow
Lime
Green
Emerald
Teal
Cyan
Sky
Blue
Indigo
Violet
Purple
Fuchsia
Pink
Rose

© 2018 - 2025 Bankside Partners Ltd.