Cloudflare Brand Guidelines: The Orange Cloud, Colours & Type

In a category painted almost entirely blue, Cloudflare chose the one warm colour nobody else would touch.

CDNs, security vendors and cloud platforms overwhelmingly signal trust with cool corporate blue. Cloudflare went the other way — a warm, energetic orange — and that single contrarian decision is most of the brand. It reads as approachable and fast where rivals read as cautious, and it makes the company instantly findable in a line-up of competitors. Founded in 2009 by Matthew Prince, Lee Holloway and Michelle Zatlyn (out of the Project Honey Pot spam-fighting project), Cloudflare grew up telling developers it would “help build a better internet,” and the friendly colour matches that mission far better than another blue shield would.

The cloud mark itself is a simple silhouette rendered in a two-tone orange gradient — bright above, a warmer amber below, so it reads like a cloud lit by a sunrise. The original 2009 logo was glossy and three-dimensional; a redesign around 2016 flattened it into today’s cleaner, geometric form while keeping the same idea. There’s a neat metaphor in the shape: Cloudflare sits between a visitor and your origin server, so a protective cloud overhead is exactly the right emblem for a reverse proxy.

Cloudflare’s orange isn’t a single locked value — a few close variants circulate. Click a swatch to copy the hex.

The signature is a warm orange most often cited as #F6821F for the top of the cloud, warming into a golden amber #FAAE40 below; a dark neutral around #404041 carries the wordmark and text. Cloudflare doesn’t maintain a fully public brand-guidelines microsite, so exact values are reconstructed from its logo assets — you’ll also see #F38020 baked into official SVGs, close enough to read as the same colour. The company’s newer marketing design system pushes a hotter #FF5E1F, a sign the orange is being turned up rather than replaced. Present these as “commonly used” rather than officially codified.

The two-tone orange is as much a usage rule as a colour. Let the bright #F6821F lead and the amber #FAAE40 support, mirroring the sunrise logic of the mark — top brighter, base warmer — rather than splitting them fifty-fifty. Orange is a notoriously tricky text colour: on white it can fail contrast, so treat it as a brand and accent hue, not body copy, and let the dark #404041 carry running text. When you need orange type, put it on the dark neutral or reverse it out of a coloured block, where it reads cleanly. Handled this way the palette stays energetic without becoming shouty — the warmth signals speed and friendliness while the ink keeps everything legible, which is exactly the balance Cloudflare strikes between a playful surface and serious infrastructure underneath.

The typography is quiet by design — a clean sans that lets the orange do the talking.

Cloudflare’s marketing has long been associated with Colfax, a geometric-humanist sans from Process Type Foundry, and its newer design system references FT Kunst Grotesk — both quiet, contemporary sans-serifs. Product interfaces historically drew on the company’s open-source cf-ui component framework and system fonts. As with the colour, Cloudflare hasn’t published one authoritative type spec, so treat these as reported rather than codified. The through-line is consistent: neutral, legible letterforms that never compete with the mark, so the warm cloud stays the one thing you remember.

Every part of the identity supports one idea: a warm, always-on layer standing guard over the web.

Cloudflare serves two very different audiences — hobbyist developers on the free plan and the world’s largest enterprises — and the warm, un-intimidating brand is how it talks to both without sounding like a firewall vendor. The orange cloud is optimistic; the mission line, “help build a better internet,” is generous; and the technical product underneath is genuinely serious. That gap between friendly surface and heavyweight substance is the brand’s quiet trick.

For designers, Cloudflare is a lesson in the power of a single deliberate choice. The company didn’t out-design the category with a complicated system; it picked the one colour the category refused to use and then stayed relentlessly consistent with it. Sometimes the strongest brand decision is simply to zag warm where everyone else zigs cool — and to never blink.

Keep Cloudflare’s identity on hand — save it to a board in the Made Good inspiration library.