Brand color

Cloudflare Secondary

#ff5e1f

hex#ff5e1f

rgbrgb(255, 94, 31)

hslhsl(17, 100%, 56%)

oklchoklch(0.687 0.208 38.8)

From Cloudflare brand colorsRelative luminance 0.2936

Warm Vivid Playful Bold

Open in palette tool Check contrast

Cloudflare Secondary on this page is the real value, not a screenshot: exact hex, RGB, HSL and OKLCH, ten tints and ten shades, classic harmonies, and WCAG contrast with fixes — plus the 6 public brands that use it and the palettes it appears in.

Tints & shades

Tints — toward white

ff6d33 ff7b47 ff8e61 ff9c75 ffab8a ffba9e ffc8b3 ffdacc ffe9e0 fff8f5

Shades — toward black

ff4c05 eb4200 cc3a00 b33300 992b00 802400 661d00 471400 2e0d00 140600

Every swatch is its own page — click any to analyze it.

Harmonies

Complementary

Open in tool →

ff5e1f 1fbfff

#1fbfff

Analogous

Open in tool →

ff5e1f ff1f4f ffce1f

#ff1f4f · #ffce1f

Triadic

Open in tool →

ff5e1f 1fff5e 5e1fff

#1fff5e · #5e1fff

Split-complementary

Open in tool →

ff5e1f 1fffce 1f4fff

#1fffce · #1f4fff

Tetradic

Open in tool →

ff5e1f 4fff1f 1fbfff ce1fff

#4fff1f · #1fbfff · #ce1fff

Contrast

Cloudflare Secondary as text	Ratio	AA	AA large	AAA	Fix
Aaon white	3.06:1	fail	pass	fail	AA: use #d63d00 as the text (4.64:1) AAA: use #a32e00 as the text (7.12:1) AA: or shift the background to #2b2b2b (4.63:1)
Aaon black	6.87:1	pass	pass	fail	AAA: use #ff6224 as the text (7.02:1)

Fixes keep hue and saturation and move lightness only, so the suggestion stays on-brand. Ratios are symmetric: the same numbers apply with Cloudflare Secondary as the background.

Brands using this color

Fonts for this mood

Cloudflare Secondary reads as warm, vivid, playful. The font library is tagged with the same vocabulary:

Warm fonts →Playful fonts →Bold fonts →

mcpConnect your agent — build around Cloudflare Secondary

live endpoint

Point any MCP client at the shared colors endpoint and your agent gets the same engine as this page — generate_palette, check_contrast, analyze_color — read-only, no key. Every palette it proposes comes with a /palettes/new/… link: open it, lock what you like, paste the link back.

endpointhttps://mcp.brandsweets.com/colors/mcp

claude mcp add --transport http brandsweets-colors https://mcp.brandsweets.com/colors/mcp

try this prompt

›analyze #ff5e1f and generate a 5-color palette that keeps it as the primary; give me the /palettes/new link

tool url/palettes/new/ff5e1f-c4ac9c-62cbb6-2d291f-f1e9eb?lock=0&style=vibrant

Want the agent to remember your picks and write them into a living brand? Create a free BrandSweets workspace.

Machine-readable: color.md