Tailwind Shades
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
Connect it
Settings → Connectors → Add custom connector
URL: https://tailwindshades.bourhaouta.com/mcpSettings → Apps & Connectors → Advanced → Developer mode
Create connector with URL: https://tailwindshades.bourhaouta.com/mcp{
"mcpServers": {
"tailwindshades": {
"url": "https://tailwindshades.bourhaouta.com/mcp"
}
}
}claude mcp add --transport http tailwindshades https://tailwindshades.bourhaouta.com/mcp{
"servers": {
"tailwindshades": {
"type": "http",
"url": "https://tailwindshades.bourhaouta.com/mcp"
}
}
}{
"mcpServers": {
"tailwindshades": {
"command": "npx",
"args": [
"-y",
"tailwindshades-mcp@1.6.0"
]
}
}
}claude mcp add tailwindshades -- npx -y tailwindshades-mcp@1.6.05 tools, verified live
generate_paletteread-onlyGenerates 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.
find_closest_tailwind_colorread-onlyFinds 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.
get_tailwind_paletteread-onlyLooks 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_colorsread-onlyLists 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.
convert_colorread-onlyConverts 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.
Alternatives in Developer Tools
Compare →CDclassifier.devA
Sort up to 1,000 texts into your own labels with a calibrated confidence per answer. No API key.
HOHonchoA
Memory that reasons: continual learning for stateful agents. Better context, fewer tokens.
MOMobilerunA
Control real Android and iOS devices with LLM agents — tap, swipe, type, automate flows.
DMDocs MCPA
Remote MCP server for Tandem docs, install guides, SDKs, workflows, and agent setup help.
SHShipSwiftA
40+ production-ready SwiftUI recipes for building full-stack iOS apps via MCP.
Limitguard Lead VerificationA
Lead validation over MCP: KVK/KBO register, EU VAT, sanctions and email checks with sources.