🚀 Just launched SupaUI – a UI-first color palette generator for devs & designers
Hey IH! I recently launched the MVP of SupaUI - a tool for designers and frontend devs to create great-looking color palettes and instantly see them applied to UI mockups.
Why I built it
I’ve worked on many web apps, and choosing the right colors has always been a pain. You browse Dribbble, try random hex codes, test them in Figma or CSS and still not sure if it works.
SupaUI simplifies this:
- Pick a base color and explore multiple palette types (analogous, triadic, etc)
- See a live UI preview with your palette in action (light/dark mode supported)
- Get a full range of shades (50–950) and copy any color hex with one click
What's next:
- Export to Tailwind/CSS/custom formats
- Saving and sharing palettes
I’d love your feedback:
Does it solve a real problem for you?
Anything confusing or missing?
What would you add next?
Try it here 👉 https://supaui.io
Thanks for checking it out 🙌
Trending on Indie Hackers
"I’m building something similar in India!"
hello i have a project to work on , and im building my team , stating frm co-founder are u interested in listening what i have to offer or the idea !
That’s awesome! 🙌
Always cool to see others working on similar ideas – feel free to share yours, I’d love to check it out!
Oh man, if only I had this 2 years ago!
Haha I feel that 😅
Honestly, I’m building it because past me really needed something like this too.
Love hearing that – means I’m on the right track!
This looks fantastic—honestly, I wish I had this about a week ago when I was reworking the color palette for my own landing page! The ability to see palettes instantly applied to UI mockups is such a smart and helpful feature. Beautifully executed MVP—congrats on the launch!
Thanks so much – really appreciate it!
Classic timing – one week too late 😅
Glad the mockup previews feel useful!
This is slick — love the idea of making color tools dev-first instead of designer-only.
Quick Q: how are you planning to get your first users?
(Just launched something myself so I’m in that same early stage grind.)
Haha honestly… no idea yet 😅
Just trying to post consistently, reply to everyone, and see what sticks.
Indie Hackers, X, maybe Reddit next.
Early stage grind is real – good luck with your launch too!
This looks super useful! I’ve struggled with exactly this — testing colors in Tailwind and tweaking them manually across light/dark UIs.
The live preview + shades range is spot on. Curious if you’re considering an "import my existing color" feature? Could be great for retrofitting existing projects.
Great work on the MVP 👏
Thanks so much!🙌 That exact light/dark struggle is what inspired this.
Importing existing colors is definitely on my radar – would you want to load from Tailwind config, raw CSS, or just hex values?
Thanks for the reply! Tailwind config import would be ideal for me, but raw CSS or hex paste options would be great too.
A simple toggle UI could work well. Looking forward to seeing SupaUI grow!
Very useful. Yeh, being able to export to css, tailwind configs etc would be great.
Thanks! 🙌
Yep - Tailwind config and raw CSS exports are definitely next.
I really like the idea! I immediately got a few thoughts:
Good luck!
Thanks so much – these are really thoughtful ideas!
Contrast checker is definitely on my list – especially since shade ranges can easily lead to unreadable combos.
Love the agency angle too. Letting clients play with palettes visually could really speed things up.
I hadn’t thought about integrating with existing Tailwind builders – that could be super interesting!
Really appreciate you taking the time to share all this – super helpful! 🙏
💪
A very convenient and beautiful tool, especially for those who want to quickly see how the palette will look in a real interface. Support for light and dark themes is a great solution, as are ready-made schemes on color theory. It would be cool to see export to Tailwind - front-end developers will definitely like it. Perhaps add the ability to save and share palettes - useful in teamwork. Overall, a cool MVP, really solves a pressing problem.
Thanks a lot – really glad it resonates! 🙌
Tailwind export is coming soon, and saving/sharing palettes is definitely on the roadmap.
Appreciate the feedback!
This is really cool!
Picking colors has always been tricky for me, so it’s great to see a tool that makes it easier and faster.
I love that you can see how the colors look right away, that’s super helpful.
Excited to see what you add next.
Great job! 👏
Thanks so much! 🙏
That’s exactly what I was hoping to solve – picking colors shouldn’t feel like a guessing game.
High on the list: exports to CSS and Tailwind – but I’m exploring other ideas too.
Anything you’d love to see next?
You know what? This is a wonderful idea! I was actually looking for a tool like this.
I just want to know—how can we add our own custom layout?
Thanks, really glad to hear that!🙏
Right now the idea is to preview how colors look on common UI layouts, so it’s easier to pick and adapt them to your own design later.
Custom layouts aren’t supported yet, but I’m thinking about ways to make that possible.
Would love to hear what kind of layout you’d want to add!
Stan,
This is pretty sweet. As a developer, I go through pretty much the same workflow you describe to figure out colors. I use tailwind and have to figure out the whole palette. This is terrific. Nice job. Have you thought about this as a chrome plugin? Could be interesting to build a palette and apply in realtime to one's page.
Thanks a lot! 🙌 Really appreciate it - that’s exactly the kind of workflow I was trying to improve.
I’ve also thought about a Chrome plugin! The tricky part is figuring out how to automatically apply a palette — you'd need some way to detect the role of each element (is it a CTA button, a card, a background, etc).
Probably a mix of heuristics or maybe even an LLM could help with that...
I’m also toying with the idea of building a minimal landing page builder based on this same concept - where color choices feel effortless.
But for now, this tiny tool was a way to test the core idea without going full rabbit hole.
I have some thoughts on how you might be able to pull that off. But as you said...avoid full rabbit hole for now. Happy to talk more if/when you get to that point. BTW....I literally just posted my new project yesterday which is a minimal launch page builder for people like us.
https://www.indiehackers.com/product/starterstack
Hi, I think the idea is good, but you could make it more intuitive and visually appealing. Check out colorffy, I think it will help inspire you! Good luck with that idea :D
hello i have a project to work on , and im building my team , stating frm co-founder are u interested in listening what i have to offer or the idea !
That's really cool product.
I tried it and felt very happy how the tech world is changing.
I am also working with a product which is quite similar to this.
Great work
Thanks!🙌
I just tried it out and I liked it! I usually use an image of the color wheel to figure out what goes with what. I am a fan of complementary colors, but I struggle to remember the combinations, so this UI is pretty useful.
I usually create digital covers for my books, and might give this a try for the next one.
It would also be nice to have a font combination suggestion - title, subtitle, etc. But I guess it's another product.. :)
Thanks for the feedback!
I plan to add an accessibility checker so you can see how text looks on different backgrounds. Font combos are a great idea too, I’ll explore that. I’m aiming to turn SupaUI into a full toolbox for designers and devs, not just colors, so toss any ideas my way and I’ll try to bring them to life!
This is great! The color choices are spot on.
Thank you!🙌
this is great tool
Thanks, glad you liked it!🙌
Quick update on supaUI!
I just added export support – you can now grab your color palette as:
Bonus: you can rename colors (primary → brand) and it updates across all export formats.
Also: the website itself now has a dark theme — not just the preview mockups 🌓
Tailwind v4 export is coming soon.
Let me know if there’s another format you’d find useful!