Skip to content
| Marketplace
Sign in
Visual Studio Code>Other>Tailwind ShadesNew to Visual Studio Code? Get it now.
Tailwind Shades

Tailwind Shades

Omar Bourhaouta

|
267,401 installs
| (6) | Free
Tailwind CSS color palette generator
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Tailwind CSS Shades

Tailwind CSS color palette generator.

Get it from the VS Code Marketplace →

HTML autocompletion

Usage

Default keybinding:

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

or

Open command palette → Generate custom color palette

Features

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

0.0.5

Initial release & fix build issues

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
© 2025 Microsoft