Chocolate Explosion

#8e473b

Softer chocolate brown-orange for calmer warmth blocks

Save
Share

About Chocolate Explosion

This one's darker and cooler than without going full dusty like does. Chocolate Explosion sits in that middle ground where it's clearly warm, there's still orange in the mix, but the heat is tamped down, almost matte. It reads less like a color announcing itself and more like one that's been left to sit for a while.

You'll land it in packaging for chocolate and coffee products, editorial headers, and dashboard UI where you need warmth that doesn't feel loud. It works harder than the brighter oranges in this family because it doesn't require perfect white backgrounds to register. Stack it against cream, warm gray, or even slightly darker surfaces and it stays legible without flattening. Better than for food contexts where you actually want that cocoa undertone to matter, but less fussy about contrast than .

Pair it with cool grays and it'll punch just enough to hold its own. Against pure white it doesn't lean as aggressively orange as , so there's less guesswork, you know what you're getting from the start.

Gradient preview

See how this color looks in an animated mesh gradient.

Conversions

Click any value to copy.

Need this programmatically? Color API

Code snippets

Copy this color into your project.

Contrast checker

WCAG 2.1 contrast ratios. AA requires 4.5:1 for normal text, 3:1 for large. AAA requires 7:1 / 4.5:1.

On White #ffffff

Aa
6.74:1AAAAA Large

On Gray 100 #f5f5f5

Aa
6.18:1AAAAA Large

On Gray 900 #18181b

Aa
2.63:1Fail

On Black #000000

Aa
3.11:1FailAA Large

Variations

Shades

Darker variations, created by mixing toward black.

Tints

Lighter variations, created by mixing toward white.

Tones

Muted variations, created by reducing saturation.

Hues

Hue rotations around the color wheel.

Temperatures

Warm and cool shifts of this color.

Color harmonies

Complementary
Analogous
Triadic
Split Complementary
Tetradic

Suggested palettes

Palettes built around this color.

4 colors
3 colors
4 colors
4 colors

Community palettes

Published palettes that include this color.

Similar colors

#8f3f2a
#8b4248
#804741

Create a gradient with Chocolate Explosion

Open the generator with this color pre-loaded.

Start creating