Tailwind Shades

Connect Remote server

claude mcp add --transport http tailwindshades https://tailwindshades.bourhaouta.com/mcp

{
  "mcpServers": {
    "tailwindshades": {
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}

{
  "servers": {
    "tailwindshades": {
      "type": "http",
      "url": "https://tailwindshades.bourhaouta.com/mcp"
    }
  }
}

Settings > Connectors > Add custom connector
URL: https://tailwindshades.bourhaouta.com/mcp

Tools 5 found in our last check

• 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,…

• 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…

• 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…

• 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, c…

Details

More other servers See all

• SalaryNet Payroll

  Gross-to-net pay and employer cost for US, PH, NG, ID, IN, BR, KE, VN with official sources.

• Auto Öz

  Auto Öz: Kontakt, Standorte, Öffnungszeiten, Leistungen und Angebote, Freie Termine, Termin…

• CGC Airport Transfers

  Fixed-price quotes and bookings for private airport transfers: Gold Coast, Brisbane, Byron Bay.

• Coral

  Private, non-explicit intimacy exercises, scripts and a couples quiz for adults 18+.

• Business valuation calculator

  Estimates what a buyer might pay for a small agency, service or SaaS business, in US dollars.

• BuildYourWolfpack

  Roast-to-order coffee with a game built in: missions, Pack Points, and your own wolf pack.