Subscribe
Sign in
uiHue
p/uihueTailwind CSS v4 OKLCH Palette Generator
Start new thread
Matteo Frana

uiHue - Free Tailwind4 Palette Generator - Tailwind CSS v4 OKLCH Palette Generator, free forever.

by•

Generate palettes for Tailwind CSS v4 with P3 gamut colors in the OKLCH space. Export to Tailwind v4/v3 config, save your palettes without registration and share with your team. Perfect for matching brand colors 🎨

Add a comment

Replies

Best
Matteo Frana
Maker
📌
Hey Product Hunt! 👋 I'm excited to share UIHue - a tool I built to help developers and designers create beautiful color palettes for Tailwind CSS v4. With the recent shift to OKLCH colors in Tailwind, I wanted to make it super easy to generate custom palettes that perfectly match Tailwind's color system and leverage the P3 color space. 🎯 Why I built it: - Matching brand colors with Tailwind's palette system was challenging - The new OKLCH color space opens up great possibilities for vibrant colors - Existing tools didn't provide an intuitive way to work with OKLCH I'd love to hear your feedback and suggestions for improvement! 🙏 Use it for free at [UIHue.com](http://UIHue.com) - no registration required!
Francesco Motta

UiHue is an awesome tool for Tailwind v4! 🎨 It makes generating OKLCH-based palettes super easy with a wider gamut, perceptual accuracy and smoother gradients. Thanks to its non-linear lightness curves and perceptually balanced chroma, it also improve a11y. No more guesswork, trial and error, just pick, refine and get Tailwind-ready colors instantly. A must have for both devs and designers! 🔝 🔝

Dario Ronzoni

Congratulations, Matteo! 🎉
UIHue is an incredibly useful tool, perfect for simplifying the creation of color palettes in Tailwind CSS v4.
I wasn’t familiar with the OKLCH color space before, and it’s truly fascinating. Your article, The Mystery of Tailwind Colors (v4), provided an excellent opportunity to delve deeper into this topic.
Thank you for this project!

Cecilia Panicali

Oh, I love it! ❤️
uiHue will make it so much easier for me to create a custom palette with OKLCH colors for websites! I won't have to rack my brains for hours anymore trying to come up with a complete set of Tailwind hues that match the chosen primary color. Moreover, the fact that you can export the code (Tailwind v4-ready, sooo convenient!), save your palettes to pick them up later and also share them for free is simply amazing! ✨
I will definitely recommend it! Thank you so much for creating it!