Tailwind Shades MCP Server: Install & Setup

Install Tailwind Shades in Claude Code

Remote URL

Claude Code

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

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "tailwind-shades": {
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}

npm

Claude Code

claude mcp add tailwind-shades -- npx -y tailwindshades-mcp

mcp.json (Claude Desktop, Cursor, VS Code, Windsurf)

{
  "mcpServers": {
    "tailwind-shades": {
      "command": "npx",
      "args": [
        "-y",
        "tailwindshades-mcp"
      ]
    }
  }
}

Frequently asked questions

What does the Tailwind Shades MCP server do?

Tailwind CSS palettes (50–950) from any color for Tailwind v4, v3, v2 and v1, computed in OKLCH, plus the closest Tailwind color to any color. Run it with npx tailwindshades-mcp or use the hosted endpoint.

Is the Tailwind Shades MCP server free?

The server is free, but you will likely need an account. The server itself is free, but it connects to a service that needs an account or API key, which may have paid tiers. Check the provider for current pricing.

Does Tailwind Shades run locally or remotely?

Local + Remote. Can run locally or be used as a hosted remote server.

How do I add Tailwind Shades to Claude Code?

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

More developer tools MCP servers

View all

Sourcerer

120

st3v3nmw/sourcerer-mcp

Semantic code search and navigation that reduces token waste.

LocalAccount neededGo

Augments

127

augmnt/augments-mcp-server

Up-to-date framework documentation for React, Next.js, Laravel, FastAPI, Tailwind CSS and more.

Local + RemoteAccount neededTypeScript

LLM Router

120

ypollak2/llm-router

Subscription-aware LLM router for Claude Code: routes tasks to providers like OpenAI, Gemini, Groq and Ollama by complexity, subscription usage and cost.

LocalPaid servicePython

Reloaderoo

127

cameroncooke/reloaderoo

A local MCP server for developers that mirrors your in-development MCP server, allowing seamless restarts and tool updates so you can build, test, and iterate on your MCP server within the same AI session without interruption.

LocalFree

GoSQLX

120

ajitpratap0/GoSQLX

SQL validation, formatting, parsing, linting, security scanning and metadata extraction across multiple SQL dialects.

Local + RemoteAccount neededGo

Timepicker UI

101949

pglejzer/timepicker-ui

MCP server for timepicker-ui: options, events, themes, public API, snippets and time validation.

LocalFree