Coca Mocha
#bd9d95
Soft mocha rose-orange for gentle layout warmth
About Coca Mocha
Coca Mocha reads heavier than Blushing Rose but without the earthiness that grounds Cashmere Clay. 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.
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
On Gray 100 #f5f5f5
On Gray 900 #18181b
On Black #000000
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
Suggested palettes
Palettes built around this color.
Community palettes
Published palettes that include this color.