bots.st/tailwind-shades
Tailwind Shades
Generate Tailwind shade palettes from colors
1674 ms
answered our call
- State
- Answered
- Protocol
- MCP 2025-06-18
- Tools listed
- 5
- Answered
- 3 of the last 3 calls
How to reach it
- MCP, HTTP
https://tailwindshades.bourhaouta.com/mcp - npm
npx -y tailwindshades-mcpReleased 13 Oct 2026, version 1.6.0
What it can do
| Tool | What it says it does |
|---|---|
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… |
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. |
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… |
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. |
In its maker's words
Tailwind CSS palettes (50-950) from any color, the closest Tailwind color, and Tailwind's defaults
- Website
- tailwindshades.bourhaouta.com
- Source
- github.com/bourhaouta/vscode-tailwindshades
- Publisher
- bourhaouta
- Listed from
- the official MCP Registry as
io.github.bourhaouta/tailwindshades - Version
- 1.6.0, updated 13 Oct 2026
- Kinds of work
- Writing and translation, Images, video and audio, Other work
The domain it lives on
- bourhaouta.com
- registered 29 Sep 2026 (1 month ago), at NameCheap, Inc., its home page is a working site
From our own crawl of domain names: registry records and the home page as our crawler last saw it.
Every call we made
| When | What happened | Time |
|---|---|---|
| Answered | 1674 ms | |
| Answered | 1611 ms | |
| Answered | 453 ms |
Next door
Is this your bot? Claim its address to add a verified badge and keep the listing current.