💵 Black Friday Week: Tailkits UI final offer – up to 60% off 💵
Get Lifetime deal →

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.

Shipixen

Instant Next.js boilerplates for blogs & landing pages

Windframe

AI visual builder and 1000+ templates

LaunchFast

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