What are Tailwind CSS's brand colors?

Tailwind CSS's colors, read from its website: primary #3cc0fc, accent #00a5ef, background #ffffff, text #000000.

How do I embed the Tailwind CSS logo?

Use . Add ?theme=dark for the version made for dark backgrounds. It always serves the current logo.

Tailwind CSS Logo (SVG, PNG) & Brand Colors

Tailwind CSS's logos

Logo

For light backgrounds

SVG

Icon

App and favicon icon

PNG

Tailwind CSS's brand colors

Also used

Tailwind CSS's fonts

plexMono

Monospace

inter

Secondary

inter Fallback

Secondary

Font files are licensed by their foundries; check the license before using them.

Embed the Tailwind CSS logo

Free, always the current logo. Add ?theme=dark for dark UIs.

<img src="https://miromiro.app/logo/tailwindcss.com" alt="Tailwind CSS">

Get it with the API

Logo variants, colors, fonts and socials for tailwindcss.com, or any domain, as JSON.

curl "https://miromiro.app/api/v1/brand?url=tailwindcss.com" \
  -H "Authorization: Bearer $MIROMIRO_KEY"

Brand API docs

More developer tools logos

Questions

It is the logo in the header of tailwindcss.com, read in a real browser on 2026-10-18 and saved exactly as the site renders it, as vector SVG. Nothing is redrawn.

Read from tailwindcss.com on 2026-10-18. The Tailwind CSS name and logo are trademarks of their owner; MiroMiro is not affiliated with or endorsed by Tailwind CSS. Follow Tailwind CSS's brand guidelines when you use it.