3
2 Comments

Built a simple Tailwind color palette generator.

I built a simple Tailwind color palette generator. Just select a color, generate a palette, and add it to your tailwind.config.js.

submitted this link to Icon for group TailwindCSS
TailwindCSS
on June 7, 2022
  1. 1

    I built a tool to help create color palettes for your Tailwind project. You just input a color and it creates all the shades for your palette, 50-900, and provides the code to drop in your tailwind.config.js.

    It also lists out all the other colors in the same shades, i.e. if you input a pastel blue it will output a pastel red, pastel green, pastel purple, etc., great for making all your color palettes consistent looking.

    I know theres plenty of tools like this out there already and mine isn't particularly unique but I took a stab at it anyway, it was a lot of fun and only two days work.

    Tech stack is Next.js, Tailwind (of course), Redis (for storing user created palettes, totally unnecessary), and Vercel for hosting.

    Getting all 100% lighthouse scores except a few accessibility issues on the homepage color picker that the package is fixing. Will also add features to allow you to customize the output a bit.

    Let me know if you find any bugs or have any feedback/ideas!

    1. 1

      Nice one. I will bookmark it for future use.

Trending on Indie Hackers
I built a text-to-video AI in 30 days. User Avatar 66 comments What 300 Builders Taught Us at BTS About the Future of App Building User Avatar 52 comments I built something that helps founders turn user clicks into real change 🌱✨ User Avatar 49 comments From a personal problem to a $1K MRR SaaS tool User Avatar 32 comments How An Accident Turned Into A Product We’re Launching Today User Avatar 29 comments You don't need to write the same thing again User Avatar 29 comments