Skip to content
Agentmart
Submit a tool

Tailwind Shades

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

Connector by bourhaouta · GitHub account verified by the MCP Registry

IndexedMITLocal (stdio)Remote (HTTP)★ 78
Write a review

Install

Works with Claude Code, VS Code, Codex, Cursor, Windsurf, Claude Desktop. Read the repository before you give any tool access to your data.

npx agentmarket install connector/bourhaouta-tailwindshades

Asks which of your tools to add it to (Claude Code, Codex, Cursor, VS Code, Windsurf, Gemini CLI, Claude Desktop) and shows the change first. See https://agentmart.dev/cli.

Remote endpoint

  • https://tailwindshades.bourhaouta.com/mcp Remote (HTTP)

Get the weekly diff

The weekly diff: one email a week with new agent tools, notable updates and grade changes, plus security alerts for tools you follow. Double opt-in, one-click unsubscribe.

We use your email only for this newsletter. Privacy

About

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

Reviews

Write a review

No reviews yet. Installed it? Reviews come from verified installers only. How reviews work

Permissions

What this server can do and what it asks for, from its tool list and install config. Checked Oct 25, 2026.

Tools
5 read · 0 write · 0 deleteRead-only
Secrets
None asked for
Install scripts
Not scanned yet
Runs as
Node.js package

Tools by what they do 5

From the running server's own tool list (tools/list) on Oct 25, 2026.

Read 5 · Look things up without changing anything.

  • convert_color
  • find_closest_tailwind_color
  • generate_palette
  • get_tailwind_palette
  • list_tailwind_colors

Network hosts it talks to 1

  • tailwindshades.bourhaouta.com · found in remote endpoint, install command

Tools (5)

As the server listed them on Oct 25, 2026. Descriptions are the server’s own words; hidden characters are shown as [U+…].

  • convert_colorConvert a colorread-only

    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.

  • find_closest_tailwind_colorFind the closest Tailwind colorread-only

    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_paletteGenerate a Tailwind paletteread-only

    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.

  • get_tailwind_paletteGet Tailwind's default colorsread-only

    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_colorsList Tailwind's default colorsread-only

    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.

Signals

Stars
78
Forks
6
Open issues
0
Last commit (this folder)
Oct 13, 2026 (16 days ago)
Last release
Oct 13, 2026 (16 days ago)

From GitHub (fetched Oct 24, 2026).

Details

Registry name
io.github.bourhaouta/tailwindshades
Version
1.6.0
Auth
Auth not stated
Packages
npm tailwindshades-mcp
License
MIT
Repository
github.com/bourhaouta/vscode-tailwindshades
Website
tailwindshades.bourhaouta.com
First seen
Oct 24, 2026
Last checked
Oct 25, 2026
Source
Official MCP Registrygithub-graphql
Cite this page

Tailwind Shades MCP server. Agent Mart. https://agentmart.dev/connectors/bourhaouta-tailwindshades (last updated 2026-10-25)