Chocolate Escape

#623d2e

Soft, slightly lighter cocoa-brown orange for calm accents

Save
Share

About Chocolate Escape

Chocolate Escape is darker and more muted than anything in the warmer end of this family, it's the brown that actually feels like chocolate, not caramel or toffee. Where leans toward approachable and goes for cooked density, this one pulls back the saturation and dips lower, landing somewhere between cocoa powder and old leather. It's restrained in a way that reads expensive.

This works in luxury packaging, dark mode product interfaces, and moody editorial where you need brown that doesn't shout. It sits darker than Crown of Thorns but stays warmer than it, less weathered, more intentional. Pair it with cream and it feels sophisticated; pair it with gold and it actually lets the gold breathe instead of competing. It's got enough depth that it reads well as a full background without that airless, suffocating feeling brings to large areas.

The thing: this color needs restraint in its pairing. It's not flexible like . Push it next to warm grays and it can flatten. Keep it clean, let it sit with neutrals or with something it genuinely complements. It's the one you reach for when brown needs to recede and let the content do the talking.

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
9.43:1AAA

On Gray 100 #f5f5f5

Aa
8.65:1AAA

On Gray 900 #18181b

Aa
1.88:1Fail

On Black #000000

Aa
2.23:1Fail

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

Create a gradient with Chocolate Escape

Open the generator with this color pre-loaded.

Start creating