Official MCP RegistryListed
Tailwind Shades
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
First seen 2 Oct 2026. Evidence as of 3 Oct 2026.
5
Tools
From an anonymous probe
1
Source listings
Each with its own history
3
Recorded changes
Since first seen
Tools
| Tool | Description | Behaviour |
|---|---|---|
| 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. | Read-only |
| 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. | Read-only |
| 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. | Read-only |
| 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. | Read-only |
| 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. | Read-only |
Change history
- list_tailwind_colors: tool added
- convert_color: tool added
- server instructions changed (+"memory; list_tailwind_colors gives the color names. To turn one color into the oklch() Tailwind v4 uses (or hex or rgb), call convert_color." -"memory.")
| Source | Listing | First seen | Last seen | Versions |
|---|---|---|---|---|
| Official MCP Registry | io.github.bourhaouta/tailwindshades | 2 Oct 2026 | 3 Oct 2026 | 1 |