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

White

#ffffff

Page and card background.

text

Black

#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

Gradient

Derived from the colour roles, interpolated perceptually. The same three tokens ship in brand.css and tokens.json.

Brand--brand-gradient

linear-gradient(135deg in oklab, #06b6d4 0%, #37abff 100%)

Worst-case contrast — white 2.42:1 · black 8.40:1 AA

Hero--brand-gradient-hero

linear-gradient(135deg in oklab, #84abb4 0%, #87a8c4 100%)

Worst-case contrast — white 2.47:1 · black 8.41:1 AA · ink #000000

Button--brand-gradient-button

linear-gradient(180deg in oklch shorter hue, #2ac3e1 0%, #00a9c7 100%)

Worst-case contrast — white 2.10:1 · black 7.50:1 AA · ink #000000

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

Tailwind CSS trademarks and logos belong to their owner. Shown for identification (nominative use); not affiliated or endorsed. Owner of this brand? Request a correction or removal →