Skip to content
Claude Market

Tailwind Shades

Listing created by Claude Market from the project’s public repository. Not hosted here.Is this your project? Claim this listing ›
Tailwind Shades screenshot 1

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

All reviews:
No reviews
Release date:
13 October 2026
Creator:
Public project (github.com)
Type:
MCP

Add Tailwind Shades

Free · Added to your library, no credit card needed.
Free
Add to my library

Sign in to add this product to your wishlist or follow its updates.

About Tailwind Shades

Tailwind Shades generates a full Tailwind CSS palette, from 50 to 950, from any colour, for Tailwind v1 to v4. Its MCP server lets Claude build palettes, find the closest default Tailwind colour and look up Tailwind's defaults while styling your app.

Details

Version:
1.6.0
Updated:
12 November 2026
Verification:
Not verified
Repository:
github.com/bourhaouta/vscode-tailwindshades
Website:
tailwindshades.bourhaouta.com/
Report this product

What it can do

The creator has not described the access yet.

Install Tailwind Shades in Claude

An MCP connector links Claude to a service: Claude can then read or do things there for you, with your consent. It takes about two minutes.

  1. Add it to your libraryClick “Add to my library” on this page: it is free and instant.
  2. Copy the connector URLIn your library, select the product: its URL is shown with a “Copy” button.
  3. Add it in ClaudeIn Claude (website or app), open Settings › Connectors, click “Add custom connector”, give it a name and paste the URL.
  4. Connect your accountIf the service asks you to sign in (your Notion, GitHub… account), Claude opens its page: only grant the access you need.
  5. Use it in a conversationTurn the connector on in the conversation’s tools menu, then just ask for what you want.
With Claude CodeIn a terminal: claude mcp add --transport http connector-name followed by the URL copied from your library.

Before adding a product, read its permissions above. You can remove a connector or skill at any time in Claude’s settings.

Tailwind Shades: frequently asked questions

Is Tailwind Shades free?
Yes. Tailwind Shades is free: add it to your Claude Market library, no bank card needed.
How do I install Tailwind Shades in Claude?
Add Tailwind Shades to your library to get its URL. In Claude, open Settings › Connectors, click “Add custom connector” and paste the URL.
Does Tailwind Shades work with Claude Code?
Yes. In a terminal, run claude mcp add --transport http followed by a name and the connector URL.
Is Tailwind Shades an official Anthropic product?
No. Tailwind Shades is a public project; this listing was created by Claude Market from its repository and the product is not hosted here. Claude Market is an independent project, not affiliated with Anthropic.

Reviews

Sign in then add or buy this product to review it (verified reviews).

No reviews yet. Only users who added or bought the product can review it.

Similar products

We use audience measurement cookies

With your consent, Google Analytics helps us understand which pages are useful. Cookies needed for your account and cart stay on. You can change your mind at any time with “Manage cookies” at the bottom of the page. Learn more