Jul 14 2026
RestaurantsThe Booch BarCafe Mocha Recipe

Cafe Mocha Recipe

Inspired by The Booch Bar
Time20m
Serves1

Make Cafe Mocha Recipe in just 20m. Get the full recipe with step-by-step instructions at pekinthechef.com.

Was this page helpful?

Help improve this recipe for others.

Send this recipe to your inbox.

We'll email it straight to you - plus weekly cooking inspiration.

Ingredients

Some product links may be affiliates. If you buy through them, you're supporting the site and Pekin may earn a commission at no extra cost to you.

Coffee Base

Chocolate Mixture

Milk Topping

Method

Brew Coffee

  1. 1

    Brew Espresso

    Brew two shots of espresso using an espresso machine or a stovetop espresso maker. If using a stovetop, bring water to boil before adding coffee grounds.

  2. 2

    Boil Water

    In a separate pot, heat 240 ml of water until just boiling, then remove from heat.

Prepare Chocolate Mixture

  1. 3

    Mix Cocoa and Sugar

    In a small bowl, combine 2 tablespoons of cocoa powder and 1 tablespoon of sugar. Mix well.

  2. 4

    Add Vanilla

    Add 0.5 teaspoons of vanilla extract to the cocoa and sugar mixture and stir until well combined.

  3. 5

    Combine Espresso with Cocoa

    Once the espresso is brewed, gradually pour it into the cocoa mixture, stirring continuously to create a smooth chocolate base.

Prepare Milk Topping

  1. 6

    Heat Milk

    In a saucepan, heat 240 ml of milk over medium heat until hot but not boiling. Stir gently to avoid scorching.

  2. 7

    Froth Milk

    Once heated, froth the milk using a frother or whisk until it becomes creamy and slightly foamy.

Assemble Cafe Mocha

  1. 8

    Combine Mixtures

    In a large mug, pour the chocolate espresso mixture. Then, gently add the frothed milk on top.

  2. 9

    Garnish

    Top with whipped cream and sprinkle chocolate shavings on top as desired.

  3. 10

    Serve

    Serve immediately and enjoy your homemade cafe mocha!

More from The Booch Bar