🔥 New: Tailkits UI library — 200+ premium sections, launch price $29.
·
0days
0hours
0mins
0secs
·
Try 30+ Free →

Tailwind Shades

Free

Tailwind CSS color palette generator for VS Code

Tailwind Shades Image 1
Details About Tailwind Shades
Key points:
  • Custom Config
  • Plugin support
  • Code Export
Contents

Tailwind Shades is a VS Code extension for generating Tailwind CSS color palettes quickly and easily.

Features

  • Get tints and shades of a given color
  • Get the closest color name to a given hex code

Usage

Default keybinding:

  • macOS: cmd+k cmd+g
  • Others: ctrl+k ctrl+g

or

Open command palette → Generate custom color palette

Featured Developer Tools

Browse 100+ Tailwind CSS developer tools—generators, color pickers, gradient makers, VS Code snippets and more.

Windframe

AI visual builder and 1000+ templates

Shuffle HOT

Drag-drop Tailwind builder with Laravel export

LaunchFast

Complete SaaS starter kits for Astro, Next.js & SvelteKit