Jul 14 2026
Restaurants›Broad Street Baking Company & Cafe›Mocha Recipe

Mocha Recipe

Inspired by Broad Street Baking Company & Cafe
Time20m
Serves1

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

Jump to Recipe

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 Foam

Garnish (optional)

Method

Prepare Coffee

  1. 1

    Brew Espresso

    Using an espresso machine, brew 2 shots of espresso. If you don’t have an espresso machine, you can use strong brewed coffee as an alternative.

  2. 2

    Dilute with Hot Water

    In a small cup, combine the brewed espresso with 60 ml of hot water. This will help mellow the coffee flavor and balance the richness.

Make Chocolate Mixture

  1. 3

    Combine Ingredients

    In a separate small bowl, mix 2 tablespoons of cocoa powder, 1 tablespoon of sugar, and 0.5 teaspoons of vanilla extract until well combined.

  2. 4

    Add to Coffee

    Pour the chocolate mixture into the coffee base and stir well until the cocoa and sugar are fully dissolved.

Prepare Milk Foam

  1. 5

    Heat Milk

    In a saucepan, heat 200 ml of milk over medium heat until hot but not boiling. Alternatively, you can steam the milk if you have a steamer.

  2. 6

    Froth Milk

    Once heated, use a milk frother or whisk to froth the milk until you get a nice foam.

Assemble Mocha

  1. 7

    Combine All Components

    In a large coffee mug, pour the chocolate coffee mixture first, then gently spoon the frothed milk on top.

  2. 8

    Add Garnish

    If desired, top with whipped cream, chocolate shavings, or a dusting of cocoa powder for an extra indulgent touch.

More from Broad Street Baking Company & Cafe