Tailwind CSS

Rapidly build modern websites without ever leaving your HTML.

verifiedtailwindcss.com

Tailwind CSS is a utility-first CSS framework by Tailwind Labs. Its brand mirrors the product: pragmatic, developer-first, and unmistakably cyan — with a gradient wave mark, the framework's own color scales, and clean Inter typography.

Color

primary

Cyan

#06b6d4

Primary brand cyan, links, the gradient mark's cool end.

surface

#ffffff

Page and card background.

text

#000000

Body text on surface.

Typography

heading → interbody → inter

interinter

google

Rapidly build modern websites without ever leaving your HTML.

Weights:: 300, 400, 500, 600, 700, 800

Voice & Tone

Logo Inventory

primary

svg

mark

svg

mono

svg

inverse

svg

favicon

ico

app-icon

png

mcpConnect your agent to Tailwind CSS

live endpoint

Point any MCP client at this brand and every session grounds itself in the real system — colors, type, voice, usage rules. Read-only.

endpointhttps://mcp.brandsweets.com/tailwind-css/mcp

.mcp.json

{
  "mcpServers": {
    "brandsweets-tailwind-css": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/tailwind-css/mcp"
    }
  }
}

claude codeclaude mcp add --transport http brandsweets-tailwind-css https://mcp.brandsweets.com/tailwind-css/mcp