Cloudflare

Cloudflare corporate palette anchored on Cloudflare Orange (#F38020) — the signature mark color used across the corporate logo, the marketing site, and the dashboard. Pairs Cloudflare Orange with a deeper Marketing Orange (#FBAD41) for gradients, a near-black for surfaces, and a small set of neutrals used as backgrounds, dividers, and body text.

8 swatches 14 light roles 14 dark roles techinfrastructurecloudflareorangesecurity

Swatches

cloudflare-orange
#F38020
Primary brand color. The signature Cloudflare orange used on the cloud-and-line corporate mark and across primary CTAs.
marketing-orange
#FBAD41
Lighter orange used in marketing materials and the dual-orange gradient that anchors many Cloudflare hero compositions.
cloudflare-black
#222222
Near-black used for primary text and dark surfaces.
cloudflare-dark-gray
#404041
Secondary dark surface; wordmark fill alternative.
cloudflare-gray
#808080
Mid gray used for secondary text and inactive UI.
cloudflare-light-gray
#D9D9D9
Subtle dividers, borders, and quiet card surfaces.
cloudflare-off-white
#F6F6F6
Page-level background tint, lighter than card surfaces.
cloudflare-white
#FFFFFF
Base background and reversed text on the orange mark.

Mode role mappings

Light mode (14 roles)

accent → marketing-orange
accent-hover → cloudflare-orange
background → cloudflare-white
error → cloudflare-orange
primary → cloudflare-orange
primary-hover → marketing-orange
success → cloudflare-gray
surface → cloudflare-off-white
surface-elevated → cloudflare-white
text-primary → cloudflare-black
text-secondary → cloudflare-dark-gray
text-tertiary → cloudflare-gray
warning → marketing-orange
warning-hover → cloudflare-orange

Dark mode (14 roles)

accent → marketing-orange
accent-hover → cloudflare-orange
background → cloudflare-black
error → cloudflare-orange
primary → cloudflare-orange
primary-hover → marketing-orange
success → cloudflare-light-gray
surface → cloudflare-dark-gray
surface-elevated → cloudflare-gray
text-primary → cloudflare-white
text-secondary → cloudflare-light-gray
text-tertiary → cloudflare-gray
warning → marketing-orange
warning-hover → cloudflare-orange

Provenance

Source
https://www.cloudflare.com/brand/
License
Proprietary — All Rights Reserved
Attribution
Cloudflare is a registered trademark of Cloudflare, Inc. The brand colors documented here are published on the official Cloudflare brand guidelines page at cloudflare.com/brand/ and on the Cloudflare Brand Guidelines PDF distributed from that page.
Imported
2026-05-17
Notes
Brand-atoms' read of Cloudflare's public brand-resource page. This file is not an official Cloudflare guidelines document; consult cloudflare.com/brand/ for the canonical source. The Cloudflare palette as published is light-first; the dark-mode mapping below is brand-atoms' sensible inversion (orange identity preserved, neutrals inverted) and is not directly attested in the upstream PDF.