Jul 09 2026
RestaurantsTops DinerCaramel Macchiato Recipe

Caramel Macchiato Recipe

Inspired by Tops Diner
Time15m
Serves1

Make Caramel Macchiato 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.

Espresso Base

Milk Mixture

Toppings

Method

Preparing the Espresso

  1. 1

    Brew the Espresso

    Start by brewing 2 shots of espresso using your espresso machine or stovetop espresso maker. Use 60 ml of water for the best extraction.

Preparing the Milk Mixture

  1. 2

    Heat the Milk

    In a small saucepan, heat 200 ml of milk over medium heat until it's steaming but not boiling.

  2. 3

    Add Vanilla and Caramel

    Once the milk is heated, remove it from the heat and whisk in 1 tsp of vanilla extract and 2 tbs of caramel sauce until well combined.

Assembling the Caramel Macchiato

  1. 4

    Combine Ingredients

    In a large cup, pour the milk mixture first, followed by the brewed espresso on top. This creates the signature layered effect.

  2. 5

    Add Toppings

    Drizzle 1 tbs of caramel sauce over the top of the espresso and add 50 ml of foamed milk for a creamy texture.

More from Tops Diner