Erik de Vries

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.

Add a comment

Replies

Best
Erik de 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 de 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.

Amelia Smith

Love this tool. Does the app support custom color scales (like 3–5 steps instead of Tailwind’s usual 9) or is it limited to the default structure?

Erik de Vries

@amelia_smith19 Thanks for the kind words! Currently, the app sticks to Tailwind’s default scale, so custom color scales aren’t supported yet.

Grayson Parker

@erikdevries_nl Is there a way to randomize or auto-generate a color set for some inspiration?

Erik de Vries

@grayson_parker2 Yes, you can hit the spacebar to create a random color scale

Michael Davies

Is it possible to save multiple palettes under a single account?

Erik de Vries
Scytalelabs marketing

I love how focused and purposeful this tool is. By the way does UI Colors allow you to import existing Tailwind config files so you can tweak them on the fly?

Ozan Oztaskiran

Congrats on the launch Erik! UI colors is my favorite color tool 🌟

Erik de Vries

@ozan_oztaskiran Thanks so much for all the support!