bourhaouta/vscode-tailwindshades

Overview

Generates Tailwind CSS color palettes (shades 50–950) from any input color. Supports Tailwind v4, v3, v2, and v1. Available as a VS Code extension, a command-line interface, and an MCP server for AI agents.

Best for

Best for
Developers who need Tailwind palettes from a single color across editor, terminal, or AI workflows.

Use cases

• Create a full Tailwind palette from a brand color
• Generate shades for a custom design system
• Integrate palette generation into AI agent workflows via MCP

How to use

Install

npx tailwindshades-cli "#db4d53" --name brand

Tested with

Claude Code, Cursor, Windsurf, VS Code

Notes

Generates Tailwind CSS color palettes (shades 50–950) from any input color. Supports Tailwind v4, v3, v2, and v1. Available as a VS Code extension, a command-line interface, and an MCP server for AI agents.

77 stars on GitHub. Last updated 2026-10-07. Licensed MIT.

Use cases

• Create a full Tailwind palette from a brand color
• Generate shades for a custom design system
• Integrate palette generation into AI agent workflows via MCP

Pros

• Supports all Tailwind versions from v1 to v4
• Offers three interfaces: VS Code, CLI, and MCP server
• Written in TypeScript

Cons

• Small project with 77 stars, so limited community ecosystem
• No clear vendor backing (listed as ‘Various’)
• Requires choosing between three different interfaces

Indexed from awesome-mcp-servers-punkpeye and enriched against its public facts.