Burnt Orange

Burnt orange is autumn in a hex value: earthy, nostalgic, endlessly wearable. It anchors retro palettes and warms up SaaS brands without the immaturity of bright orange.

retro palettesautumn campaignscraft brands

Values in every format

HEX: #cc5500
RGB: rgb(204, 85, 0)
HSL: hsl(25, 100%, 40%)
OKLCH: oklch(0.595 0.169 45.5)
CMYK: cmyk(0%, 58.3%, 100%, 20%)

Hue family: Orange · closest CSS name: chocolate. Convert this color

Perceptual shade scale

Eleven even steps from 50 to 950, computed in OKLCH — the starred stop is #CC5500 itself.

50#fff5f1
100#ffe8dd
200#ffd4c1
300#ffba9a
400#ff915c
500#eb7130
600 ★#cc5500
700#aa4600
800#883600
900#682800
950#431600

Build a full system from #CC5500

Harmonies with burnt orange

Complementary

Maximum contrast — use one side for action, the other sparingly.

#cc5500 #0077cc

Analogous

Neighbors on the wheel — calm, cohesive, hard to get wrong.

#cc0011 #cc5500 #ccbb00

Triadic

Three evenly spaced hues — vibrant, needs one clear leader.

#cc5500 #00cc55 #5500cc

Measured contrast

on white4.31:1 · AA large only

on black4.87:1 · AA normal ✓

Check your own pairs