Tailwind Shades MCP Server

by bourhaouta Your server? Claim it

not responding

Tailwind Shades is listed as active in the registry but did not answer our last check. 69 installs a week from npm. It exposes 5 tools. Last commit 13 Oct 2026.

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

Installs per day peak 469 · avg 25

a month agotoday

Uptime history 39 days of history · worst day 0%

39 days agonow

2.2%

Uptime 24h

2 of 91 checks

Tools

read from the server

731 ms

Response time

average over 24h

Installs / week

npm and PyPI

What changed 3

Every tool that appeared, vanished or quietly changed what it asks for. Recorded since 3 October 2026. No other catalogue keeps this.

8 Oct a tool changed the parameters it asks for generate_palette

3 Oct 2 tools appeared convert_color, list_tailwind_colors

Tailwind Shades does not always answer

Over the last week it answered 1.9% of our checks. We check every 15 minutes, so you hear about the next outage within the hour — not from your users.

Connect this server

Endpoint below is the one we actually reach during checks — not the one copied from a README. Last verified 11 min ago.

Claude Code Claude Desktop Codex Cursor VS Code

run in your terminal

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

Settings → Connectors → Add custom connector, then paste this address

https://tailwindshades.bourhaouta.com/mcp

~/.codex/config.toml

[mcp_servers.tailwindshades]
url = "https://tailwindshades.bourhaouta.com/mcp"

.cursor/mcp.json

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

.vscode/mcp.json

{
  "servers": {
    "tailwindshades": {
      "type": "http",
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}

Available tools 5

Read directly from the server with tools/list, grouped by what they act on. If a tool disappears, we record the date.

tailwind

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 v4, v3, v2 or v1. Use it instead of writing default Tailwind color values from memory. Values are oklch() in v4 and hex in older versions.

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. Use it to see which colors exist before calling get_tailwind_palette or picking a utility class.

closest

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) instead of an arbitrary value. If the difference is visible, use generate_palette to add the exact color as a custom palette instead.

convert

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() to Display P3 like Tailwind's palette, hex and rgb to sRGB. Use it for one value; to add a color with all its shades, call generate_palette instead.

generate

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 #db4d53"), instead of writing a single variable or inventing shades. The input color stays exactly at its best-fit shade, and the other shades follow the closest Tailwind color, so they look like Tailwind's own.

Endpoints

URL	Transport	State	Latency	Checked
https://tailwindshades.bourhaouta.com/mcp	streamable-http	answering	59 ms	11 min ago

Alternatives to Tailwind Shades

same job, measured the same way

Meltbead Craft Colors

by jsspace

Search craft color palettes and match shades by CIEDE2000 with Meltbead.

399 installs/wk local only

Tailwind Context Resolver MCP

by vola-trebla

Resolves Tailwind CSS design tokens and validates utility classes against the local project config.

45 installs/wk local only

Swatch

by clawhard

Check WCAG color contrast, fix failing colors, build 50-950 palettes. No account.

6 tools answering

ColorSnapAI Color Seasons

by colorsnapai

Color season palettes for all 12 seasons, plus a season estimate from hair, skin and eye colors.

3 tools answering

Meser10 MCP

by meser10

Operate the Meser 10 email and SMS platform from any MCP client. Read-only by default.

33 installs/wk local only

AllGoodInsp

by allgoodinsp

Curated design references for AI — real CSS values, typography specs, and color palettes.

answering

PickShade color tools

by pickshade

18 color tools: OKLCH, WCAG and APCA contrast fixes, palettes, gradients, color blindness, tokens.

18 tools answering

MCP Event Presence Index

by mambabuilt

Find the conferences and trade shows a company publicly says it attends, from its domain.

282 installs/wk local only

Tailwind Shades — questions

Answers built from our own checks of this server.

What can Tailwind Shades do?

It exposes 5 tools, read directly from the server on our last check. Among them: convert_color, find_closest_tailwind_color, generate_palette, get_tailwind_palette, list_tailwind_colors. The full list with descriptions is on this page — we take it from the server itself via tools/list, not from a README. How MCP servers expose tools in the first place →

Is Tailwind Shades working right now?

We send a real MCP handshake every 15 minutes. Over the last 24 hours 2 of 91 checks got a reply (2.2%), average response time 731 ms. The bar chart above shows every period we have measured.

The registry lists Tailwind Shades as active — why does it not respond?

The official MCP registry stores what the author submitted; it does not verify that the server still runs. We check the endpoint ourselves, and this one does not answer. Catalogues that copy the registry without checking will show it as working.

How do I connect Tailwind Shades?

Copy the ready config from this page. We generate it for Claude Code, Claude Desktop, Codex, Cursor and VS Code, each in the form that client actually reads. It is a remote server, so there is nothing to install — the client connects to the address.

Does Tailwind Shades need an API key?

No. Tailwind Shades completed a full MCP handshake with us as an anonymous client and listed its tools without asking for anything. All 5 of them are readable on this page. This is what we observed, not what the docs claim.

How fast is Tailwind Shades?

It answers our handshake in 731 ms on average, which is faster than 12% of all working MCP servers we measure. That is on the slow side — worth knowing if the tool sits inside an interactive loop. The comparison comes from our own checks across the whole registry, every 15 minutes.

How many people use Tailwind Shades?

The npm package tailwindshades-mcp was installed 69 times in the last week. We show installs rather than GitHub stars on purpose: a star is a bookmark, an install is someone actually running it.

Is Tailwind Shades open source?

The code is open source: it is published under the MIT licence, written in TypeScript and 78 stars on GitHub. The licence covers the code in the repository, not the hosted service at tailwindshades.bourhaouta.com, which runs on its operator's own terms.