• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Milk and Pop
  • Start Here
  • Recipes
  • Sourdough
  • About
    • Facebook
    • Instagram
    • Pinterest
    • YouTube
menu icon
go to homepage
  • Start Here
  • Recipes
  • Sourdough
  • About
    • Instagram
    • Pinterest
    • YouTube
  • search icon
    Homepage link
    • Start Here
    • Recipes
    • Sourdough
    • About
    • Instagram
    • Pinterest
    • YouTube
  • ×
    Milk and Pop » Recipes » Coffees and Lattes

    Starbucks Mocha Latte (Copycat Recipe)

    Published: Nov 3, 2020 · Modified: Sep 11, 2023 by Tatiana Kamakura · 5 Comments · This post may contain affiliate links

    Jump to Recipe Jump to Video Pin it Share

    Chocolate, coffee and milk, mixed to hot perfection. Get the best Mocha Latte recipe with all the variations and start your day in a cozy, delicious way!

    drinks ready, over a white table, with mocha sauce and lights in the background, and a hand ready to grab the closer glass cup

    I heard the best way to start a wintry day is with coffee AND chocolate, am I right? To me, this is better than hot chocolate! Best part: you only need a few ingredients and probably have all of them in your kitchen. Keep reading to find out how to make this drink with fewer calories than Starbucks while getting an even better Mocha Latte!

    What’s a Mocha Latte?

    A Mocha Latte is a hot drink made by mixing chocolate, coffee and hot milk. It also known by the names caffè mocha and mocaccino.

    The drink was invented in the USA, inspired by an Italian beverage called bicerin. Bicerin is made with espresso, cream and melted chocolate. Is said that a historic coffeehouse in Italy has been serving bicerin since the 18th century.

    And if you’re asking what’s the difference between a Mocha Latte and a Latte, the answer is very simple. A Latte is a drink made with espresso and steamed milk, a Mocha Latte is the same drink with the addition of chocolate.

    What’s in a Mocha Latte?

    Mocha latte is made by mixing strong brewed coffee, hot chocolate mix and milk. Easy, right?

    Yes, there are a lot of variations out there. If you’re not interested, jump straight to the recipe. But if you are, and want to learn how to make an outstanding Mocha Latte, stay with me!

    Coffee. Use espresso or a strong brewed coffee for the best taste.

    Milk. Choose between dairy or any plant milk. A lot of plant-based milks will steam as well as dairy milk. Nowadays, there is a range of plant-based milk options that can substitute dairy milk, so you can have both a vegan diet and a creamy coffee drink.

    Chocolate. You can use a good hot chocolate mix or do like Starbucks and use a mocha sauce. I’ll teach you how to make a great mocha sauce below, with or without sugar.

    spoon scooping out some whipped cream of the drink's top

    Whipped cream is option but sooooooooo recommended! There are many vegan versions of whipped cream out there, so you can keep it even if your diet is vegan or dairy-free.

    How to make Mocha Latte

    1. Steam the milk. You’ll need hot milk for this recipe. You can opt to steam it or use plain hot milk - more on that below. I recommend steaming it.

    2. Brew an espresso or a strong coffee. Use freshly brewed coffee. Coffee will always taste better when using fresh coffee beans to brew. You’ll need 2 ounces (60ml) of espresso/strong coffee.

    3. Mix coffee and mocha sauce. Mix the 2 ingredients in the glass or mug you’ll use to prepare your mocha latte. You can now use more mocha sauce to make decorative patterns on your glass cup.

    step by step collage of this recipe

    4. Mix steamed milk. Pour in the milk with the espresso chocolate mixture. If the milk was properly steamed, there will be some foam on top of your drink.

    5. Top with whipped cream and chocolate syrup. Although totally optional, why not make this drink even more delicious? Top with homemade whipped cream and mocha syrup for the best flavor.

    How to make Mocha Sauce

    Let me start by telling you that you can buy mocha sauce if you don’t want to try making your own. There are a lot of options at Amazon and even at some grocery stores.

    If buying, choose mocha sauce/syrup for a more prominent coffee flavour, closer to Starbucks version of this drink. Chocolate sauce is not the same as mocha sauce: the first does not contain any coffee on its ingredients.

    To make mocha sauce, you’ll need:

    • 1 cup strongly brewed coffee;
    • 1 cup sugar or a sweetener that can be used for cooking;
    • ½ cup cocoa powder;
    • 1 teaspoon vanilla extract;
    • Dash of salt.

    This sauce is super easy to make, but you have to stay focused so it won’t burn in the stove. Just whisk often and don’t abandon it while it’s cooking to do something else and everything should turn out ok.

    • You’ll need to mix all the ingredients in a saucepan. Over medium heat, stirring often bringing the mixture to a boil, then turn heat to low and continuing stirring until thick like a syrup/sauce. It will thicken more once is cool.
    • Store your mocha sauce inside your fridge, into a recipient you can close with a lid.

    I’ve tried this recipe with maple syrup and erythritol, and they both worked for substituting sugar.

    2 mocha lattes in glass cups

    Can I make this drink using cocoa powder only?

    I like my mocha latte sweet. I’m always making it with sugar or any sweetener, but you can make a non-sweet version of this mocha latte recipe with cocoa powder. It will be good for those who don’t like sugary drinks.

    For that, use between 2 teaspoons to ½ tablespoon of cocoa powder for each cup of mocha latte. Dissolve into the hot coffee completely before adding milk.

    How to steam milk without a steam wand

    I said you could do this recipe by steaming your milk or just heating it. Yes, both methods work, but steaming your milk does make a good difference, giving you a creamier mocha latte. So if you’re not in a hurry, don’t skit this step!

    Let me give some tips on frothing milk without the need of a steam wand:

    • Milk frother. The best option for frothing milk if you don’t have an espresso machine with a steam wand. Just froth the amount of milk needed for this recipe. You can heat the milk before or after frothing.
    • French press. Preheat the milk, then pour it into the french press. Push and pull the plunger up and down until the milk doubles in volume and creates a microfoam.
    • Mason jar and microwave. Put the milk into a microwave safe mason jar with a lid on and shake it vigorously. Take the lid off before heating the milk in the microwave. Do not heat milk first for this method.
    beverage in a glass cup seen from above, with mocha sauce and whipped cream on top

    Mocha Latte variations

    Cinnamon Mocha Latte. Top your drink with a dash of cinnamon.

    Peppermint Mocha Latte. Stir your drink with a peppermint candy cane while hot for this Christmas variation.

    Salted Caramel Mocha Latte. Substitute 1 tablespoon of mocha sauce for salted caramel syrup.

    Vanilla Mocha Latte. Add ½ teaspoon of vanilla extract to your drink.

    Iced Mocha Latte. Fill a tall glass with ice and pour coffee chocolate milk mixture into it. Top it with whipped cream and mocha sauce.

    Can I make it dairy-free?

    Yes! As said above, look for a plant-based milk that steams well (coconut, almond and soy milk are good options!), as well for a vegan whipped cream.

    Does mocha latte have caffeine?

    This drink has caffeine if not made using a decaf coffee.

    • spoon stiring mocha latte

    Can I make this drink ahead?

    You should drink your mocha latte as soon as you finish making it. I don’t recommend making it ahead.

    Can I make a mocha without an espresso maker?

    Yes, you can! Just make sure to brew an extra-strong coffee and use one of the methods above to steam the milk.

    More Breakfast Drinks

    Starbucks Matcha Frappuccino
    Brown Sugar Milk Tea
    Coffee Lemonade
    Korean Strawberry Milk

    📖 Recipe

    mocha latte ready, with chocolate, mocha sauce and spoon on the background

    Starbucks Mocha Latte

    Tatiana Kamakura
    Chocolate, coffee and milk, mixed to hot perfection. Get the best Mocha Latte recipe with all the variations and start your day in a cozy, delicious way!
    5 from 24 votes
    Print Recipe Pin Recipe Save Saved!
    Prep Time 5 minutes mins
    Total Time 5 minutes mins
    Course Coffees and Lattes
    Cuisine American
    Servings 1 cup
    Calories 208 kcal
    Prevent your screen from going dark

    Ingredients
      

    • 1 cup steamed milk 240ml
    • 2 shots of espresso or strong brewed coffee 2 ounces/60ml
    • 1 tablespoon mocha sauce more to taste/decorate glass/top
    • Whipped cream for topping optional

    Instructions
     

    • Start by steaming the milk. You’ll need hot milk for this recipe, so if you don’t have a steam wand, use one of the methods describer above to steam and heat the milk.
    • Brew an espresso or a strong coffee. Prefer to use freshly brewed coffee. Coffee will always taste better when using fresh coffee beans to brew.
    • Mix espresso/strong coffee and mocha sauce. Mix the 2 ingredients in the glass or mug you’ll use to prepare your mocha latte. You can now use more mocha sauce to make decorative patterns on your glass cup.
    • Mix steamed milk. Pour in the milk with the espresso chocolate mixture. If the milk was properly steamed, there will be some foam on top of your drink.
    • Top with whipped cream and chocolate syrup. Enjoy while hot.

    Video

    Notes

    Make it vegan. Use any plant-based milk that steams well, and any vegan whipped cream.
    Make your own mocha sauce. You’ll need: ½ cup cocoa powder, 1 cup strongly brewed coffee, 1 cup sugar or a sweetener that can be used for cooking, 1 teaspoon vanilla extract, dash of salt. Mix all the ingredients in a saucepan. Over medium heat, stirring often, bring mixture to a boil, then turn heat to low and continuing stirring until thick like a syrup/sauce. Store your mocha sauce inside your fridge, into a recipient you can close with a lid.

    Nutrition

    Serving: 1gCalories: 208kcalCarbohydrates: 74gProtein: 10gFat: 7gSaturated Fat: 4gPolyunsaturated Fat: 2gCholesterol: 26mgSodium: 202mgSugar: 36g
    Tried this recipe?Let us know how it was!

    More Delicious Coffee & Latte Recipes

    • Small matcha ice cubes.
      Matcha Ice Cubes
    • a glass of matcha coffee
      Dirty Matcha Coffee Latte
    • Chocolate Cream Cold Brew with chocolates around the glass.
      Chocolate Cream Cold Brew (Starbucks Copycat)
    • 2 bottles of iced matcha latte.
      Starbucks Iced Matcha Latte

    Reader Interactions

    Comments

    1. Lark

      April 12, 2022 at 10:22 am

      This was amazing! I used chocolate syrup from Genevieve Ko’s NYT chocolate milk recipe and it turned out perfectly. Also used cashew milk from a carton to froth up.

      Reply
    2. M Lee Shaver

      April 27, 2021 at 6:07 pm

      How long will the homemade mocha sauce last in the refrigerator?

      Reply
      • Milk and Pop

        May 03, 2021 at 10:24 am

        Hi M Lee!
        This sauce is good for up to 2 weeks. After cool, place it in a jar/recipient with a lid, and store in the refrigerator.
        Cheers!

        Reply
    3. Andrea Howe

      November 08, 2020 at 7:13 pm

      These look so decadent and delicious! I will definitely be giving this a try, thanks for the recipe!

      Reply
      • Milk and Pop

        December 01, 2020 at 8:22 am

        Hi Andrea, I hope you like it! Cheers!

        Reply
    5 from 24 votes (24 ratings without comment)

    Leave a Reply Cancel reply

    Your email address will not be published. Required fields are marked *

    Recipe Rating




    Primary Sidebar

    Tatiana's headshot

    Hi, I'm Tati! Here at Milk and Pop, I’m all about making sourdough simple, doable, and fun. Whether you’re just getting started or trying to bake more consistently, I’ll help you fit sourdough into your real life, one loaf at a time.

    More about me →

    Featured On

    Logo collage of places where Milk and Pop has been featured.

    Sourdough

    • The crumb of a glazed sourdough lemon cake with poppy seeds.
      Sourdough Lemon Cake
    • Sourdough Hamburger Buns on a parchment paper lined baking sheet.
      Soft Sourdough Hamburger Buns
    • A stack of sourdough crepes, folded in half.
      Easy Sourdough Discard Crepes
    • Sourdough parmesan bread over parchment paper.
      Parmesan Sourdough Artisan Bread Boule
    • Sourdough Naan, after cooked, on a wooden board.
      Sourdough Naan (Sourdough Discard Flatbread)
    • a stack of sourdough tortillas
      The Best Sourdough Tortillas (with sourdough discard)

    Most Popular

    • Jar full of Earl Grey extract.
      Earl Grey Extract
    • Iced Brown Sugar Oatmilk Shaken Espresso served in a mason jar.
      Iced Brown Sugar Oatmilk Shaken Espresso Recipe
    • a stack of sourdough tortillas
      The Best Sourdough Tortillas (with sourdough discard)
    • cheesecake factory brown bread toped with oats, cooling
      Cheesecake Factory Brown Bread
    • 2bottles of Earl Grey Milk Tea.
      Earl Grey Milk Tea
    • A bottle of brown sugar syrup.
      Brown Sugar Syrup (For Boba and Drinks)

    How to bake better bread image

    Footer

    ↑ back to top

    About

    • About Me
    • Privacy Policy
    • Accessibility Policy

    Connect

    • Newsletter
    • Contact Page

    Copyright © 2025 Milk and Pop

    Rate This Recipe

    Your vote:




    Let me know what you thought of this recipe:

    Absolutely delicious, I’ll be making this again!
    My family loved it, thanks for the recipe!
    Turned out perfect, thank you for sharing!

    Or write in your own words:

    A rating is required
    A name is required
    An email is required

    Recipe Ratings without Comment

    Something went wrong. Please try again.