
uiHue
Tailwind CSS v4 OKLCH Palette Generator
20 followers
Tailwind CSS v4 OKLCH Palette Generator
20 followers
Generate palettes for Tailwind CSS v4 with P3 gamut colors in the OKLCH space. Export to Tailwind v4/v3 config format, save your palettes and share with your team without registration. Perfect for matching the brand colors of your customers with Tailwind's color system π¨









React Bricks
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! π π
React Bricks
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!
React Bricks
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!
Gatling
Love it! It'll make it easier for me to pick and match colors in Tailwind π¬οΈπͺ