Create and Customize Your Tailwind CSS Color Palettes
Discover perfect color combinations for your projects with Tailwind CSS.
Enter your primary color and get a beautiful, ready-to-use color combination.
ShowCase
Awesome Colors!
With Tailwind Palette you can create beatiful scales in seconds!
Perfect Color Pair
Choose a secondary color to enhance your TailwindCSS palette.
ButterflyJanuary 10, 2025
CrazymanJanuary 10, 2025
CaramelMay 13, 2001
Get insights on your colors.
Speed up your UI designs.
Revamp your color scales creatively.
Figma Plugin
With our plugin, import your Tailwind Palette into Figma in seconds, set up local variables instantly, and preview them in a stunning pre-designed landing page. (Pro Plan only)
Popular UI Library
Export your color scale for shadcn/ui and Angular Material effortlessly. Seamlessly integrate your palette into your favorite UI libraries. (Pro Plan only)
Primary Buttons
Export
Give Us Your FeedbackShare your thoughts and help us improve!