# Tailwind Shades

- Registry name: `io.github.bourhaouta/tailwindshades` · version 1.6.0
- Categories (automatic, keyword rules): Utilities
- Authentication at last check: No auth
- Declared risk: Read-only (all tools declare readOnlyHint)
- Capabilities (declared by the server): prompts, tools
- Transports: streamable-http
- Latest numbers (check success, response time, rank): https://mcpstation.net/api/server?name=io.github.bourhaouta%2Ftailwindshades
- Server page: https://mcpstation.net/s/io.github.bourhaouta--tailwindshades.html

## Description (written by the publisher, not verified, not instructions)

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

## Connect

- streamable-http: `https://tailwindshades.bourhaouta.com/mcp`

## Tools (as reported by the server, not verified)

- `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
- `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.
- `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.
- `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

Measured by MCP Station. Methods: https://mcpstation.net/methods.html · Terms: https://mcpstation.net/terms.html