UI Colors

UI Colors

Tailwind CSS color generator & editing tool

4.9
76 reviews

567 followers

UI Colors is a tool to create, edit, preview, export and save Tailwind CSS colors.
This is the 2nd launch from UI Colors. View more

UI Colors

Tailwind CSS color generator & editing tool
Create and customize beautiful Tailwind CSS color palettes. Generate, edit, and export colors for your design with our intuitive color generator tool.
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
UI Colors gallery image
Free Options
Launch Team / Built With

What do you think? …

Erik Vries
Hi! I’m Erik, and I’m excited to share the relaunch of UI Colors! It’s been over 3 years since I launched UI Colors as my side project. Since then, it has grown a lot, with new features, refinements, and improvements along the way. In April, I lost my job as a Product Designer. Instead of looking for another job, I decided to go all-in on UI Colors and make it my main focus! Over the past few months, I’ve been working full time to make it better than ever, adding powerful new features and making the entire experience smoother and more useful for designers and developers. Here’s what’s new in UI Colors 2.0: 🌈 Generate harmonious color scales based on color theory ☑️ Find accessible color combinations using the Contrast Grid 🎨 Add secondary and tertiary color scales to your palette 💾 Save, manage and share your palettes (primary, secondary, tertiary scales) 👀 Preview your color scales on 20+ realistic UI examples 🔧 Create scales with consistent contrast values using the consistent APCA setting 🌓 Toggle between light /dark mode to test your colors in both situations I’d love to hear what you think! Thanks for checking it out, and please let me know if you have any feedback :) Become an affiliate: https://uicolors.lemonsqueezy.co...
Ali Ameer

Do the exports work with both Tailwind 2 and 3, or are there any limitations I should be aware of?

Erik Vries

@ali09 I am not sure how Tailwind 2 used to handle custom colors, but UI colors has exporting options for both Tailwind 3 and 4.

Noah

What a fantastic tool for developers working with Tailwind. Can it also create color palettes from images?

Erik Vries

@noahno4 Thanks Noah! It can’t create palettes directly from an image upload, but you can use the pipette tool to pick colors from an image.