io.github.bourhaouta/tailwindshades

up checked 2026-11-11T11:37:49.957Z

Unclaimed · Unverified

Agent searches it appeared in, last 30 days: 0. Run this server? Claim the listing: verified label, uptime alerts and analytics.

Publisher-provided title

Tailwind Shades

Publisher-provided description

Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults

Summary by lookupd

Generates and converts Tailwind CSS color palettes (50-950) and looks up Tailwind's default colors and closest matching shades.

Install

Claude Code, remote (streamable-http)

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

Claude Code, npm package (stdio)

claude mcp add tailwindshades -- npx -y tailwindshades-mcp

Codex, remote (streamable-http)

codex mcp add tailwindshades --url https://tailwindshades.bourhaouta.com/mcp

Codex, npm package (stdio)

codex mcp add tailwindshades -- npx -y tailwindshades-mcp

Cursor, remote (streamable-http) → .cursor/mcp.json

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

Cursor, npm package (stdio) → .cursor/mcp.json

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

Other clients: docs. Or tell your agent: Set up lookupd for me: read https://lookupd.com/agent.md and follow it.

Tools (5 tools)

Publisher-provided text

• generate_palette Generates a full Tailwind CSS palette (50-950) from one color, ready to paste. Call it whenever you add a color to a Tailwind theme (e.g. "add a brand color #db
• find_closest_tailwind_color Finds the shade in Tailwind's default palette that looks most like a given color, e.g. #db4d53 -> red-500. Use it to pick an existing Tailwind class (bg-red-500
• get_tailwind_palette Looks up Tailwind's own default colors, exactly as Tailwind defines them: a whole color (e.g. "blue", all shades) or one shade (e.g. "slate-500"), for Tailwind
• list_tailwind_colors Lists the names of Tailwind's default colors for a Tailwind version (e.g. red, slate, mauve in v4), with the shades each one has and its 500 value as a sample.
• convert_color Converts any CSS color to oklch(), hex and rgb, formatted like Tailwind (oklch() is what Tailwind v4 uses). Colors outside a format are mapped into it: oklch()

Details

• Version: 1.6.0
• Transports: streamable-http, stdio
• Uptime (7 days): 100%
• Median latency: 388 ms
• First indexed: 2026-11-01T09:22:05.072Z
• Last seen in registry: 2026-11-01T09:22:05.139Z
• Repository: https://github.com/bourhaouta/vscode-tailwindshades
• Website: https://tailwindshades.bourhaouta.com

Badge for your README

Shows this live status and links here; updates hourly.

[![lookupd status](https://lookupd.com/badge/io.github.bourhaouta/tailwindshades.svg)](https://lookupd.com/servers/io.github.bourhaouta/tailwindshades)

• 62092 servers
• Last crawl: 2026-11-11T17:17:22.074Z
• API base: https://api.lookupd.com
• MCP URL: https://api.lookupd.com/mcp