← bourhaouta.com

INDIVIDUAL MCP TOOL

find_closest_tailwind_color

Finds the shade in Tailwind's default palette that looks most like a given color, e.

bourhaouta.comnone authenticationAvailability not checked

LIVE ENDPOINT

https://tailwindshades.bourhaouta.com/mcp

No auth detected

Connect to this endpoint to inspect the live schema for find_closest_tailwind_color and invoke it with your own arguments.

Indexed input schema

{}

Risk classification

Inferred read-only · medium confidence · heuristic, not a guarantee.

  • No write-capable action terms were found; this is not proof that invocation has no side effects.

Parent server

bourhaouta.com

CONNECT WITH APPROVAL

Client installation

Review this server and its permissions before adding it. Secret placeholders must be set locally.

Codex

~/.codex/config.toml

[mcp_servers.tailwindshades]
url = "https://tailwindshades.bourhaouta.com/mcp"
enabled = true
Claude Code

.mcp.json

{
  "mcpServers": {
    "tailwindshades": {
      "type": "http",
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}
Claude Desktop

Settings → Connectors → Add custom connector

Name: tailwindshades
Remote MCP URL: https://tailwindshades.bourhaouta.com/mcp

Add this remote URL as a custom connector in Claude Desktop. Availability depends on the user plan and workspace policy.

Cursor

.cursor/mcp.json

{
  "mcpServers": {
    "tailwindshades": {
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}
Visual Studio Code

.vscode/mcp.json

Add to Visual Studio Code
{
  "servers": {
    "tailwindshades": {
      "type": "http",
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}
Generic MCP

Client-specific MCP configuration

{
  "name": "tailwindshades",
  "transport": "streamable-http",
  "url": "https://tailwindshades.bourhaouta.com/mcp"
}
MCP Inspector

Run the official MCP Inspector locally and enter the indexed Streamable HTTP endpoint.

Related tools

  • generate_palette — Generates a full Tailwind CSS palette (50-950) from one color, ready to paste.
  • get_tailwind_palette — Looks up Tailwind's own default colors, exactly as Tailwind defines them: a whole color (e.