Coca Mocha

#bd9d95

Soft mocha rose-orange for gentle layout warmth

Save
Share

About Coca Mocha

Coca Mocha reads heavier than but without the earthiness that grounds . It's the shade that leans cooler, there's a subtle mauve undertone running underneath the orange, the kind of thing you notice when you're trying to decide if warm or cool gray will actually sit next to it. That temperature shift is what makes it different from its neighbors. It's still orange, but it's orange that's been tempered.

You'll land here for interfaces that need warmth without feeling obvious about it: editorial layouts, packaging for beauty and home goods, product dashboards where you want the color to feel considered rather than bright. Heritage brands especially. It works in onboarding flows for lifestyle apps, case study headers, anywhere you need an accent that doesn't apologize but doesn't announce itself either. The muted saturation keeps it from competing, but the undertone keeps it from disappearing.

Pair it with warm whites and pale neutrals, and it works. Cool grays will still create tension, most oranges do, but this one's cooler undertone actually makes that tension slightly less jarring. Don't expect it to anchor a palette the way darker oranges can. This one's better at sitting within one.

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
2.49:1Fail

On Gray 100 #f5f5f5

Aa
2.29:1Fail

On Gray 900 #18181b

Aa
7.10:1AAA

On Black #000000

Aa
8.42:1AAA

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

#c3988b
#b39c8c
#b7a28e
#c29594
#baa38b
#b5948d

Create a gradient with Coca Mocha

Open the generator with this color pre-loaded.

Start creating