← All brands
Cloudflare logo

Cloudflare

Helping build a better Internet.

verifiedcloudflare.com

Cloudflare runs one of the world's largest networks, sitting in front of millions of Internet properties to make them faster, safer, and more reliable. The brand is confident and infrastructural: the two-tone orange cloud mark, generous whitespace, clean Inter type, and a calm authority that comes from operating at the scale of the Internet itself.

Color

primary
Cloudflare Orange
#f6821f

The signature orange — primary CTAs, the cloud mark, brand moments.

secondary
Tomato
#ff5e1f

Secondary brand color.

surface
White
#ffffff

Page and card background.

text
Charcoal
#262626

Body text on surface.

Typography

heading → FT Kunst Groteskbody → FT Kunst Grotesk
FT Kunst Groteskft-kunst-grotesk
custom

Helping build a better Internet.

Weights:
400, 600, 700

Auto-detected web font; provenance unconfirmed. Reference only — never rehost without a license.

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 oklch shorter hue, #ffd1ab 0%, #f6821f 50%, #b34e00 100%)

Worst-case contrast — white 1.40:1 · black 4.01:1 AA-large

Aa
Hero--brand-gradient-hero
linear-gradient(135deg in oklch shorter hue, #eeded1 0%, #cba288 50%, #906d5c 100%)

Worst-case contrast — white 1.31:1 · black 4.53:1 AA · ink #000000

Aa
Button--brand-gradient-button
linear-gradient(180deg in oklch shorter hue, #ff8f32 0%, #e87500 100%)

Worst-case contrast — white 2.28:1 · black 6.98:1 AA · ink #000000

Logo Inventory

Cloudflare primary logo
primary
svg
Cloudflare wordmark logo
wordmark
svg
Cloudflare mono logo
mono
svg
Cloudflare inverse logo
inverse
svg
Cloudflare favicon logo
favicon
png
mcpConnect your agent to Cloudflare
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/cloudflare/mcp
.mcp.json
{
  "mcpServers": {
    "brandsweets-cloudflare": {
      "type": "http",
      "url": "https://mcp.brandsweets.com/cloudflare/mcp"
    }
  }
}
claude codeclaude mcp add --transport http brandsweets-cloudflare https://mcp.brandsweets.com/cloudflare/mcp

Cloudflare 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 →