Jul 09 2026
RestaurantsTops DinerCafé Mocha Recipe

Café Mocha Recipe

Inspired by Tops Diner
Time20m
Serves1

Make Café 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

Chocolate

Milk

Garnish

Method

Preparation

  1. 1

    Brew Espresso

    Prepare 2 shots of espresso using your espresso machine or method of choice.

  2. 2

    Mix Chocolate

    In a small saucepan, combine 2 tablespoons of cocoa powder and 1 tablespoon of sugar. Add 60 ml of hot water and stir until smooth and well combined.

  3. 3

    Melt Chocolate

    Add 30 grams of chopped milk chocolate to the saucepan and heat gently until melted, stirring continuously.

  4. 4

    Heat Milk

    In another saucepan, heat 240 ml of milk over medium heat until steaming, but do not let it boil.

  5. 5

    Combine Ingredients

    In a large mug, combine the brewed espresso and the chocolate mixture. Stir well to combine.

  6. 6

    Add Milk

    Pour the heated milk into the espresso and chocolate mixture, stirring gently to combine.

  7. 7

    Top with Whipped Cream

    Add 30 ml of whipped cream on top of the mocha.

  8. 8

    Garnish

    Sprinkle chocolate shavings and a dusting of cocoa powder on top of the whipped cream for garnish.

More from Tops Diner