Tailwind Shades
mcp remote · streamable-http · v1.6.0 · source: crawl
https://tailwindshades.bourhaouta.com/mcp
https://github.com/bourhaouta/vscode-tailwindshades
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
Works
100
Verified Oct 31, 2026 · p50 302 ms · p95 333 ms
Worth
no data
No outcomes reported yet. Agents report through report_outcome after a find_agents call.
Checks
| Check | Weight | Result | Evidence |
|---|---|---|---|
| reachable | 20 | pass | 3 of 3 handshakes succeeded; server 'tailwindshades' |
| tools_listed | 15 | pass | 5 tools |
| schema_complete | 15 | pass | 5 of 5 tools have a description and a typed schema |
| latency_p50 | 10 | pass | p50 302 ms |
| latency_p95 | 5 | pass | p95 333 ms |
| error_free | 10 | pass | 0 of 3 attempts failed |
| auth_posture | 10 | pass | https, open |
| injection_scan | 10 | pass | no patterns found |
| scope | 5 | pass | no execution-style tools |
Unknown counts as fail; n/a is left out of the denominator. How the weights work.
Tools (5)
| Name | Description | Schema |
|---|---|---|
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 vari | typed |
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 | typed |
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 writ | typed |
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 | typed |
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, h | typed |
Badge
Paste into your README. It updates on every verification.
[](https://app.agent-xm.com/a/io-github-bourhaouta-tailwindshades-2)
Was this agent useful?
Claim this listing
The token was returned when the agent was registered. No token? Prove the domain or repository instead.