Design

bourhaouta.com

Provides Tailwind CSS color palette utilities for generating, matching, and looking up colors.

1 endpoint3 known toolsFirst detected October 2, 2026Last detected October 6, 2026

ENDPOINT 1

https://tailwindshades.bourhaouta.com/mcp

No auth detected

MCP server metadata

Name: tailwindshades
Version: 1.3.0

Capabilities

tools.listChanged

Server instructions

Use these tools whenever you add or change a color in a Tailwind CSS project. Tailwind colors are palettes with shades (50-950), so utilities like bg-brand-500 and hover:bg-brand-600 work. Never write a single --color-* variable or invent shades by hand: call generate_palette and paste its code. Match tailwindVersion to the project (v4: @import "tailwindcss" in CSS; v3 and older: tailwind.config.js). To replace a hard-coded color with an existing Tailwind class, call find_closest_tailwind_color. For Tailwind's own default colors (e.g. the value of slate-500), call get_tailwind_palette instead of writing them from memory.

Known tools 3

generate_palette

Generates a full Tailwind CSS palette (50-950) from one color, ready to paste.

Inferred read-only

find_closest_tailwind_color

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

Inferred read-only

get_tailwind_palette

Looks up Tailwind's own default colors, exactly as Tailwind defines them: a whole color (e.

Inferred read-only

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.

TRUST AND VERIFICATION EVIDENCE

Loading Trust v2 evidence…

Checking the associated registrable domain. The BuiltWith key remains server-side.

Indexed

Evidence is source-attributed and does not guarantee that a third-party server is safe. Risk labels are conservative metadata heuristics.