We're live on Product Hunt!Support us
ColorArchive

A curated color library with 5,446 algorithmically generated colors. Browse, search, save favorites, and export palette tokens — no account required.

CollectionsFamiliesBrandsRegionsJournalNotesGuidesFree ResourcesEmbed widgetConvertColorblindAboutSupportUpdatesiOS app
Ready for static export
Privacy·Terms·Refunds·Cookies·Commerce Disclosure
colorarchive.org · © 2026 ColorArchive
Skip to content
ColorArchive
ProLog in
ArchiveAll ColorsCollections
ColorArchive/Brands/Cloudflare

Developer Tools

Cloudflare Color Palette

Orange like the internet's safety vest — fast, visible, slightly punk.

The palette

Select any value to copy it.

  • Cloudflare Orange

    Primary
    Closest in ArchiveCoral Core Pure
    Closest in Archive: Coral Core Pure

  • Slate Black

    Neutral
    Closest in ArchiveCool Gray Ink
    Closest in Archive: Cool Gray Ink

  • White

    Neutral
    Closest in ArchiveWarm Gray Veil
    Closest in Archive: Warm Gray Veil

Can it carry text? (WCAG contrast)

Each color as text on white and on black. AA means body text passes. Select a ratio to open the pair in the contrast checker.

  • Cloudflare OrangeAaon white2.65:1Not for textCloudflare Orange: Open in contrast checkerAaon black7.92:1AACloudflare Orange: Open in contrast checker
  • Slate BlackAaon white16.83:1AASlate Black: Open in contrast checkerAaon black1.25:1Not for textSlate Black: Open in contrast checker
  • WhiteAaon white1.00:1Not for textWhite: Open in contrast checkerAaon black21.00:1AAWhite: Open in contrast checker
Build a full 50–950 scale from Cloudflare Orange→

About this palette

Cloudflare's brand color is #F38020 orange. The choice signals approachability and accessibility — the company's positioning as 'making the internet safer for everyone' benefits from a non-intimidating brand color. The orange is paired with deep slate (#1D1D1F) for app chrome.

Copy as code

Every token name carries the brand, so two brands can share one stylesheet.

CSS variables

:root {
  --cloudflare-orange: #f38020;
  --cloudflare-slate-black: #1d1d1f;
  --cloudflare-white: #ffffff;
}

Tailwind v4 (@theme)

@theme {
  --color-cloudflare-orange: #f38020;
  --color-cloudflare-slate-black: #1d1d1f;
  --color-cloudflare-white: #ffffff;
}
Tailwind v3 (tailwind.config.js)
module.exports = {
  theme: {
    extend: {
      colors: {
        "cloudflare-orange": "#f38020",
        "cloudflare-slate-black": "#1d1d1f",
        "cloudflare-white": "#ffffff",
      },
    },
  },
};

Source: https://www.cloudflare.com/brand/ · As of 2026-05-03 · This page is an unofficial reference. Color values are factual sRGB hex codes and not subject to copyright; the Cloudflare name and any associated marks belong to their owner. Request removal via support.

More from Developer Tools

Hugging Face

Yellow with a hugging emoji — a friendly brand for machine learning.

GitHub

The Octocat is grayscale; the system colors carry semantic meaning.

Vercel

Black, white, and the negative space between — a deployment platform aesthetic.

Supabase

A signature emerald that says 'open-source, technical, alive'.