Tailwind color shades generator

What it does

A tool that helps you generate the 50–900 shades of a custom color in Tailwind

• 
  HueWind2022 · huewind.jordantwells.com · ▲80

  A opinionated, cohesive palette generator for Tailwind CSS

• 
  fullwindcss2024 · fullwindcss.com · ▲367

  Extra color shades for Tailwind CSS

• 
  Tailwind Palette2021 · tailwind-color-palette.netlify.app · ▲90

  Generate shades & tints for color with its Tailwind config

• 
  Palette2023 · palette.tone-row.com · ▲78

  Generate Custom Tailwind Color Palettes from a prompt

• 
  Tailwind CSS Color GeneratorDec 2025 · ▲3

  Generate custom color palettes for Tailwind

• 
  AI color palette generator for Tailwindcss2020 · tailwind.ink · ▲209

  A tool for creating new color shades based on a neural network and trained with the Tailwindcss palette.

• 
  Lofi Cities – Pixel-art city nights with browser-generated lofi▲319

  Endless lofi beats composed live in your browser, over pixel-art nights in Paris, Tokyo, New York, Hong Kong, Sydney, San Francisco and more. Free, no sign-up.

  Work · 24d ago · loficities.com

• 
  Smooth Recorder▲257

  Mac screen recordings that look edited when you hit stop

  Work · 18d ago · smoothrecorder.com

• 
  Figma Specs▲222

  A container for your context that lives on the Figma canvas

  Work · 3d ago · figma.com

• 
  The rarest tech books and docs you've probably never read▲190

  Work · 12d ago · readrare.com

• 
  Lofi.cafe▲1,192

  Lofi music streams for studying, working, and relaxing.

  Life & fun · 2021 · lofi.cafe

• 
  Mighty▲931

  Make Chrome faster and use 10x less memory

  Work · 2021 · playgroundai.com

• 
  FigJam by Figma▲864

  An online whiteboard from Figma designed for teams

  Work · 2021 · figma.com

• 
  Butter▲848

  All-in-one tool for the smoothest virtual workshops 🧈

  Work · 2021

• 
  Landing Page Checklist▲809

  Build your landing page with these 100+ tools

  Growth · 2021 · landingpage.fyi

• PF
  PDFs from HTML▲742

  Life & fun · 2021 · pdf.math.dev