Tailwind Shades
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
Install
Run one of the commands below, then add the client config underneath.
npmnpx -y tailwindshades-mcpStreamable HTTPhttps://tailwindshades.bourhaouta.com/mcp
Client configuration
Paste into Claude Desktop, Cursor (mcp.json), VS Code or any MCP client, then restart the client.
mcpServers{
"mcpServers": {
"tailwindshades": {
"command": "npx",
"args": [
"-y",
"tailwindshades-mcp"
]
}
}
}
About this server
Tailwind Shades is listed in the Developer Tools category of the MCPNav directory. It is distributed as npm, Streamable HTTP and can be loaded by any client that speaks the Model Context Protocol.
Typical uses include giving your assistant scoped access to the corresponding service so it can answer questions and take actions with real data instead of guessing. Always review what a server can access before you enable it — see our MCP security guide.
Frequently asked questions
What is the Tailwind Shades MCP server?
Tailwind Shades is an MCP server by bourhaouta. Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
How do I install Tailwind Shades?
Install it with: npx -y tailwindshades-mcp. Then add the JSON config to your client's MCP settings and restart the client.
Is Tailwind Shades free to use?
The MCP server itself is free to install. The source is public on https://github.com/bourhaouta/vscode-tailwindshades. Any third-party API it calls (such as a search or maps API) may require its own key and billing.
Which clients support Tailwind Shades?
Any MCP-compatible client can use it, including Claude Desktop, Cursor, VS Code, Windsurf and custom agents.