Easy Chocolate Mocha Recipe at Home

Easy Chocolate Mocha Recipe at Home
Rich chocolate mocha with whipped cream and chocolate shavings

A chocolate mocha is the ultimate indulgent coffee drink — rich espresso, velvety chocolate, and creamy steamed milk all in one glass. The best part? It's incredibly easy to make at home, costs a fraction of the café price, and you can customize it exactly to your taste. Here's the foolproof recipe.

What Is a Mocha?

A mocha (or café mocha) is essentially a latte with chocolate added. The classic ratio is espresso + chocolate sauce or cocoa + steamed milk + optional whipped cream. It sits perfectly between a hot chocolate and a latte — rich enough to feel like a treat, caffeinated enough to power your morning.

What You'll Need

  • 2 shots of espresso (or ½ cup strong brewed coffee)
  • 2 tablespoons chocolate sauce or 1 tablespoon unsweetened cocoa powder + 1 tablespoon sugar
  • 150–200ml milk (whole milk or oat milk)
  • Optional: whipped cream, chocolate shavings, or cocoa powder for topping

For the best mocha, start with quality espresso. The Blueprint Coffee Penrose Espresso Blend has a naturally sweet, balanced flavor that pairs beautifully with chocolate — its rich body stands up to the chocolate without getting lost.

Hot Mocha: Step-by-Step

Step 1: Add Chocolate to Your Mug

Spoon 2 tablespoons of chocolate sauce into the bottom of your mug. If using cocoa powder, mix it with sugar and a tiny splash of hot water first to make a smooth paste — this prevents lumps.

Step 2: Pull Your Espresso

Brew two shots of espresso directly into the chocolate. Stir immediately and vigorously — the hot espresso melts the chocolate and creates a rich, unified base. Taste it at this stage; it should be intensely chocolatey and strong.

Step 3: Steam and Pour Your Milk

Steam your milk to 60–65°C until silky and smooth. Pour slowly over the espresso-chocolate base. The milk will lighten the color and mellow the intensity into a perfectly balanced mocha.

Step 4: Top and Serve

Add whipped cream if desired, then dust with cocoa powder or add chocolate shavings. Serve immediately.

Iced Mocha: Step-by-Step

  1. Mix chocolate sauce with freshly pulled espresso in a glass and stir well
  2. Fill the glass with ice
  3. Pour cold milk over the ice
  4. Stir gently, top with whipped cream and chocolate drizzle
  5. Enjoy immediately

Mocha Variations to Try

  • White Mocha — use white chocolate sauce instead of dark
  • Peppermint Mocha — add a drop of peppermint extract to the chocolate base
  • Salted Caramel Mocha — add caramel sauce and a pinch of sea salt
  • Mocha Protein Shake — blend with ice, protein powder, and oat milk for a post-workout treat

The Chocolate Matters

The quality of your chocolate sauce directly affects the quality of your mocha. Use a good dark chocolate sauce (70%+ cocoa) for a rich, complex flavor. Avoid overly sweet syrups that make the drink cloying. For a fun chocolate-coffee snack pairing, try the Perugina Coffee Chocolate Pack — coffee-flavored chocolate that doubles as a mocha ingredient and a treat on the side.

Once you make a mocha at home, you'll realize how simple it is — and how much better it tastes when you control the ingredients. ☕🍫

Shop the Essentials