Tailwind Palette

Tailwind Palette

Generate shades & tints for color with its Tailwind config

5 followers

Tailwind Palette is a tool which generates shades and tints for colour with its Tailwind config. The preview of shades and tints is structured in a way that you can test contrasting colored text on it. Plus it comes with "copy and paste" tailwind config JSON
Tailwind Palette gallery image
Tailwind Palette gallery image
Tailwind Palette gallery image
Free
Launch Team

What do you think? …

Meet Zaveri
Hi PH! 👋 Meet Zaveri here, maker of Tailwind Palette. It's a one-page web app, but I've tailored it in a way that you can experience both creating color palette and generating tailwind config for it with ease Why Tailwind Palette? Okay, what if you can test your color palette with color filled cards and contrasting text filled in so that you can figure which color(s) suits to your design components? Yes, that's already in this tool. I've taken this idea from Atlassian color guide, where they let you preview color shades with contrasting text and how they look together With this comes, auto-generated tailwind config(JSON) which you can basically copy and paste it into your tailwind.config.js file. You can toggle settings on and off for including dark and light themes in config So, if you checked this tool, I would love to hear your thoughts about this. Please let me know if any feedback/suggestion that needs to be done. Feel free to leave comments here. Also this is my first ever PH submission 😁
Yanina Gromova
nice!
Daniel Ramirez
Very useful! Was looking for custom tailwind color palettes and this worked for me :)
Meet Zaveri
@drmzio Glad it helped you!