Skip to content
mcp/harbor
Verified official

Tailwind Shades MCP

v1.2.0 changelog · 1

io.github.bourhaouta/tailwindshades

Tailwind CSS palettes (50-950) from any color for v4-v1, and the closest Tailwind color

transport:streamable-http runtime:npm tools:2
View source Website

Target client

run in your project directory 

claude mcp add --transport http tailwindshades https://tailwindshades.bourhaouta.com/mcp

setup guides: Claude Code Claude Desktop Cursor VS Code Zed Windsurf Cline Gemini CLI Grok ChatGPT Claude.ai LangChain

Adds it for this project only. Append --scope user to make it available everywhere. Claude Code docs

generate_palette

generate palette

closest_tailwind_color

closest tailwind color

All 2 tools, one page each

Mutating and Read-only are read off each tool's name, not its schema — a hint, not a guarantee. Check the server's own documentation before granting access.