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.

Plasma

Plasma

Paid

Developer SaaS template for Next.js 15 & Astro 5

Lumen HOT

Lumen

Paid

10+ pages, 100+ comps, SEO-ready, Figma included