Jul 14 2026

Vanilla Mocha Recipe

Time15m
Serves1

Make Vanilla Mocha Recipe in just 15m. 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

Method

Preparing the Coffee Base

  1. 1

    Brew the Coffee

    Start by brewing 1 cup of your favorite coffee using a coffee maker or French press.

  2. 2

    Mix Cocoa and Vanilla

    In a separate small bowl, combine the unsweetened cocoa powder and vanilla extract, mixing them until they form a smooth paste.

  3. 3

    Combine Coffee and Cocoa Mix

    Once the coffee is brewed, pour it into a large mug or heatproof glass. Add the cocoa mixture and stir until fully combined.

Adding Sweetener & Milk

  1. 4

    Sweeten the Coffee

    Add the granulated sugar to the coffee mixture and stir until dissolved. Adjust sweetness to your taste.

  2. 5

    Heat the Milk

    In a small saucepan, heat the whole milk over medium heat until it is warm but not boiling. Stir occasionally to prevent it from scorching.

  3. 6

    Froth the Milk (Optional)

    If you have a milk frother, froth the warm milk until it becomes light and airy. If not, you can use a whisk to create some foam.

  4. 7

    Combine Milk with Coffee

    Pour the heated milk into the coffee mixture slowly, allowing it to mix well. Stir gently.

  5. 8

    Top with Whipped Cream

    Finally, add a generous dollop of whipped cream on top of the drink.

  6. 9

    Garnish (Optional)

    If desired, sprinkle chocolate shavings over the whipped cream for an extra touch of flavor.

More from Broad Street Baking Company & Cafe