Colors Encyclopedia

Brand colors

Cloudflare Brand Colors

Cloudflare palette: #F38020, #FAAE40, #404041. Compare HEX/RGB, WCAG contrast and CSS tokens; open independent JSON data.

Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Cloudflare.

TechnologyBrand indexAPIDataset
Commonly referenced palette Cloudflare
#F38020#FAAE40#404041
Listed without an implied color hierarchy

Palette

Palette color 1#F38020RGB 243, 128, 32
Palette color 2#FAAE40RGB 250, 174, 64
Palette color 3#404041RGB 64, 64, 65

CSS Tokens

:root {
  --brand-cloudflare-1: #F38020;
  --brand-cloudflare-2: #FAAE40;
  --brand-cloudflare-3: #404041;
}

Accessibility Snapshot

#F38020Black 7.92:1 / White 2.65:1
#FAAE40Black 11.19:1 / White 1.88:1
#404041Black 2.03:1 / White 10.36:1

Brand palette context · Editorially reviewed

About Cloudflare Brand Colors

Cloudflare’s identity is strongly associated with two adjacent oranges set against a dark neutral and white. The lighter and darker warm tones create dimension and energy without requiring a large palette, while charcoal supplies the technical contrast expected from infrastructure and security communication.

The relationship between the two oranges matters more than treating either one as a standalone universal accent. In interface mockups, both need contrast testing because their apparent brightness changes across white and dark surfaces. For media or trademark use, Cloudflare supplies current downloadable assets through its official press kit rather than asking users to reconstruct artwork from color values.

This independent palette reference is not a Cloudflare asset package, partnership statement, endorsement, or trademark license.

Downloadable brand colors infographic

Cloudflare Brand Colors Infographic

Save an independent infographic of the commonly referenced Cloudflare HEX palette and its accessibility guidance. No logo or proprietary artwork is included.

1200 × 800
Cloudflare brand colors infographic showing its commonly referenced HEX palette and accessibility guidance for every listed color without assigning a color hierarchy.
Cloudflare brand colors infographic. Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Cloudflare.
Download WebPDownload SVGOpen full size

Machine-readable data

Machine-Readable Brand Color Data (JSON)

Structured brand palette data for design systems, references, automations, and AI ingestion.

AI-Ready Dataset v1.0.0
Luminance0.346
Black text7.92:1AA Pass
White text2.65:1AA Fail
hexCanonical HEX value
rgbRed, green, blue channels
hslHue, saturation, lightness
cmykApproximate print conversion
wcagAA and AAA contrast options
harmoniesMathematical harmony sets
variantsGenerated tone variants
nearestColorsKnowledge graph neighbors
Download JSON Open API
Structured sections
Brand
{
  "slug": "cloudflare",
  "name": "Cloudflare",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "url": "https://www.colorsencyclopedia.com/brand-colors/cloudflare/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Cloudflare."
}
Palette
[
  {
    "name": "Palette color 1",
    "hex": "#F38020",
    "rgb": [
      243,
      128,
      32
    ],
    "hsl": [
      27,
      90,
      54
    ],
    "cmyk": [
      0,
      47,
      87,
      5
    ],
    "luminance": 0.346,
    "contrast": {
      "black": 7.92,
      "white": 2.65
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "name": "Palette color 2",
    "hex": "#FAAE40",
    "rgb": [
      250,
      174,
      64
    ],
    "hsl": [
      35,
      95,
      62
    ],
    "cmyk": [
      0,
      30,
      74,
      2
    ],
    "luminance": 0.5097,
    "contrast": {
      "black": 11.19,
      "white": 1.88
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "name": "Palette color 3",
    "hex": "#404041",
    "rgb": [
      64,
      64,
      65
    ],
    "hsl": [
      240,
      1,
      25
    ],
    "cmyk": [
      2,
      2,
      0,
      75
    ],
    "luminance": 0.0514,
    "contrast": {
      "black": 2.03,
      "white": 10.36
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
AI context
{
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "orange brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "muted brand color",
    "Cloudflare color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/cloudflare.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
CSS tokens
{
  "css": "--brand-cloudflare-1: #F38020;\n--brand-cloudflare-2: #FAAE40;\n--brand-cloudflare-3: #404041;"
}
Accessibility
[
  {
    "hex": "#F38020",
    "contrast": {
      "black": 7.92,
      "white": 2.65
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A"
      ],
      "AAA": [
        "#000000"
      ]
    }
  },
  {
    "hex": "#FAAE40",
    "contrast": {
      "black": 11.19,
      "white": 1.88
    },
    "wcag": {
      "AA": [
        "#000000",
        "#1A1A1A",
        "#36454F"
      ],
      "AAA": [
        "#000000",
        "#1A1A1A"
      ]
    }
  },
  {
    "hex": "#404041",
    "contrast": {
      "black": 2.03,
      "white": 10.36
    },
    "wcag": {
      "AA": [
        "#FFFFFF",
        "#F5F5F5"
      ],
      "AAA": [
        "#FFFFFF",
        "#F5F5F5"
      ]
    }
  }
]
Full JSON dataset 
{
  "slug": "cloudflare",
  "name": "Cloudflare",
  "category": "technology",
  "brandCategory": [
    "Technology",
    "technology"
  ],
  "disclaimer": "Commonly referenced brand color values. This page is an independent technical reference and is not affiliated with or endorsed by Cloudflare.",
  "datasetVersion": "1.0.0",
  "url": "https://www.colorsencyclopedia.com/brand-colors/cloudflare/",
  "categoryUrl": "https://www.colorsencyclopedia.com/brand-colors/technology/",
  "apiUrl": "https://www.colorsencyclopedia.com/api/brand-colors/cloudflare.json",
  "colors": [
    {
      "name": "Palette color 1",
      "hex": "#F38020",
      "rgb": [
        243,
        128,
        32
      ],
      "hsl": [
        27,
        90,
        54
      ],
      "cmyk": [
        0,
        47,
        87,
        5
      ],
      "luminance": 0.346,
      "contrast": {
        "black": 7.92,
        "white": 2.65
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A"
        ],
        "AAA": [
          "#000000"
        ]
      }
    },
    {
      "name": "Palette color 2",
      "hex": "#FAAE40",
      "rgb": [
        250,
        174,
        64
      ],
      "hsl": [
        35,
        95,
        62
      ],
      "cmyk": [
        0,
        30,
        74,
        2
      ],
      "luminance": 0.5097,
      "contrast": {
        "black": 11.19,
        "white": 1.88
      },
      "wcag": {
        "AA": [
          "#000000",
          "#1A1A1A",
          "#36454F"
        ],
        "AAA": [
          "#000000",
          "#1A1A1A"
        ]
      }
    },
    {
      "name": "Palette color 3",
      "hex": "#404041",
      "rgb": [
        64,
        64,
        65
      ],
      "hsl": [
        240,
        1,
        25
      ],
      "cmyk": [
        2,
        2,
        0,
        75
      ],
      "luminance": 0.0514,
      "contrast": {
        "black": 2.03,
        "white": 10.36
      },
      "wcag": {
        "AA": [
          "#FFFFFF",
          "#F5F5F5"
        ],
        "AAA": [
          "#FFFFFF",
          "#F5F5F5"
        ]
      }
    }
  ],
  "brandUseCases": [
    "SaaS UI",
    "developer tools",
    "product branding",
    "brand reference",
    "design systems",
    "CSS tokens",
    "accessibility checks"
  ],
  "semanticGroups": [
    "technology brand colors",
    "orange brand palette",
    "gray brand palette",
    "warm brand palette",
    "neutral brand palette",
    "vibrant brand color",
    "muted brand color",
    "Cloudflare color reference"
  ],
  "contrastSafeWith": [
    "#000000",
    "#1A1A1A",
    "#36454F",
    "#FFFFFF",
    "#F5F5F5"
  ],
  "relatedEndpoints": [
    "https://www.colorsencyclopedia.com/api/brand-colors/cloudflare.json",
    "https://www.colorsencyclopedia.com/api/brand-colors.json"
  ]
}
Dataset manifest Version 1.0.0 Build hash published in manifest Canonical page

Related Brand Color Guides

Technology brand colorsBrowse all technology brand color references.Adobe brand colorsCompare another technology palette.Amazon brand colorsCompare another technology palette.AMD brand colorsCompare another technology palette.Anthropic brand colorsCompare another technology palette.Hermes similar paletteOpen a palette with a nearby first-listed color value.GitLab similar paletteOpen a palette with a nearby first-listed color value.Dunkin similar paletteOpen a palette with a nearby first-listed color value.Cadmium Orange colorOpen the nearest named color reference.Cloudflare APIOpen the machine-readable brand color JSON.