• Home
  • About
    • FAQ
    • Privacy & Disclosure
    • Terms & Conditions
  • Contact Me
  • All Recipes
    • Nerdy Recipes
    • Breakfast
    • Main Courses
      • Chicken
      • Pasta
      • Soups
      • Salads
    • Beverages
    • Side Dishes
    • Desserts
      • Bars, Brownies & Blondies
      • Cookies
      • Cupcakes
    • Healthy
    • Easy Weeknight Meals
    • Holiday Recipes
      • Christmas
      • Valentine’s Day
  • Recipes for One
  • Recipes for Two
  • Small-batch Desserts

Baking Mischief

Good Food, Nerdy Recipes, Living Well

  • Breakfast
  • Main Courses
    • Easy Weeknight Meals
    • Beef
    • Chicken
    • Pork
    • Salads
    • Sandwiches
    • Soups
    • Pasta
  • Desserts
    • Bars, Brownies & Blondies
    • Cookies
    • Cupcakes
    • Frozen
  • Side Dishes
You are here: Home / Recipes / Easy Homemade Mocha

Easy Homemade Mocha

04/11/21 | Beverages, Breakfast, Recipe for One, Recipes

5.8Kshares
Jump to Recipe

How to make an easy and delicious homemade mocha, no espresso machine or hot chocolate mix needed.

I’ve shared a bunch of easy coffee recipes on the site in the past, my Iced White Chocolate Mocha, Chai Tea Latte, Pumpkin Spice Latte, and Caramel Macchiato, but this homemade mocha might be the easiest of them all.

It’s sweet, chocolatey, and takes hardly more time to make than adding cream and sugar to your morning coffee so it can be the thrown-together treat that gets you through a crazy busy morning or something to sip slowly on a lazy Sunday morning.

Homemade mocha in a glass cup.

Ingredient Notes

  • Homemade chocolate syrup: Instead of using store-bought chocolate syrup or hot chocolate mix as many recipes do, you’ll make a quick syrup of cocoa powder, sugar, and water to flavor the mocha base.
  • Coffee: True mocha lattes are made with espresso, but we’ll stick to regular coffee for this homemade version since that’s what most people have available. Use whatever coffee you have on hand, decaf works fine. 
  • Your choice of milk: By default, Starbucks uses 2% milk in their coffee drinks, but you can use any milk you’d like including non-dairy milks. The higher fat your milk, the richer and creamier your drink will be.
  • Heavy cream: Cream is optional, but a little splash adds a really delicious richness to the coffee. You can also use half and half if that’s what you keep on hand. For leftover heavy cream, check out my post What to Do With Leftover Whipping Cream for storage tips and recipe ideas for the leftovers. 

Homemade mocha being poured into a cup.

How to Make A Homemade Mocha

  1. In a small pot or microwave-safe cup, stir together sugar, cocoa powder, and water. Heat on the stove or in your microwave, and stir until sauce is completely smooth.
  2. Add coffee and milk and continue to heat until steaming. If making on the stove, you can whisk the mixture vigorously until foamy. Pour into a cup, top with whipped cream if desired, and enjoy!

Mason Jar Method

Combine all ingredients in a mason jar. Screw on lid securely and wrap top with a towel (in case your jar leaks). Give a few very good shakes, until everything is well-mixed and milk is foamy. Pour into a mug and microwave for 30 seconds or until steaming.

Mocha Variations

  • Peppermint Mocha: Crush a full-size candy cane in a plastic bag and add it to the sugar/cocoa powder/water mixture and stir until completely dissolved. 
  • Caramel Mocha: Add a heaping tablespoon of caramel or salted caramel when you add the coffee and milk. You can also use dulce de leche for a dulce de leche mocha. 
  • White Chocolate Mocha: Use chopped white chocolate instead of the homemade chocolate syrup. For full measurements, find the recipe here. 

FAQ

Can I make this an iced mocha?

It’s really easy to make an iced mocha at home, but for best results, the method you’ll want to use is slightly different than this recipe. Go check out my Iced Mocha Recipe if you’re craving your mocha cold today. (That recipe will also walk you through making your mocha a frappuccino if that’s more your jam.)

Cup of cafe mocha with a spoon.

Is there caffeine in a mocha?

Yes. This particular recipe has about 95 mg of caffeine. But if you’d like to skip the caffeine, you can use decaf coffee.

Can I double this recipe?

Absolutely. This recipe scales up with no preparation changes needed. To change the recipe yield, hover over the serving size in the recipe card below or click if you’re on mobile, and slide the slider.

More Morning Favorites

  • Pancakes for One
  • Small-batch Cream Scones
  • Small-batch Cinnamon Rolls
  • The Best Waffles

More Coffeehouse Recipes

  • Iced Chai Tea Latte
  • White Hot Chocolate
  • Caramel Latte
  • Cinnamon Dolce Latte
Homemade mocha in a glass cup.

Easy Homemade Mocha

How to make an easy and delicious homemade mocha, no espresso machine or hot chocolate mix needed.
4.92 from 48 votes
Print Pin
Course: Beverage, Breakfast
Cuisine: American
Prep Time: 2 minutes minutes
Cook Time: 1 minute minute
Total Time: 3 minutes minutes
Servings (Hover or Click to Change Yield): 1
Calories: 139kcal
Author: Tracy

Equipment

  • Mason jar with lid, optional
  • Kitchen towel, optional

Ingredients

  • 1 to 2 tablespoons (12g to 25g) granulated sugar to taste
  • 1 tablespoon (5g) unsweetened cocoa powder
  • 1 tablespoon water omit if making using the mason jar method
  • 1 cup hot coffee
  • ¼ cup milk any percentage
  • 1 tablespoon heavy cream optional
  • Whipped cream for topping, optional

Instructions

Stovetop or Microwave

  • In a small pot or microwave-safe cup, stir together sugar, cocoa powder, and water. Heat on the stove (or in your microwave for about 15 seconds), and stir until sugar and cocoa powder dissolve and sauce is completely smooth.
  • Stir in coffee and milk and continue to heat until steaming (about 30 seconds in the microwave). If making on the stove, you can whisk the mixture vigorously until foamy. Pour into a cup, top with whipped cream if desired, and enjoy!

Mason Jar Method

  • Combine all ingredients except the water and optional whipped cream in a mason jar. Screw the lid on securely and wrap top with a towel (in case your jar leaks). Give a few very good shakes, until everything is well-mixed and mixture is foamy.
  • Pour into a mug and microwave for 30 seconds or until steaming. Top with whipped cream if desired. Enjoy!

Notes

Approximate nutritional information was estimated using non-fat milk and does not include whipped cream.
Did you make this recipe?I'd love to see it! Tag @BakingMischief or hashtag it #BakingMischief.

This post may contain affiliate links, which means I receive a small commission if you make a purchase using them. There is absolutely no additional cost to you.

Comments | 63 comments

« Awesome Steak Fajitas
Milkshake Recipes Cheat Sheet (How to Make Almost Any Milkshake) »

Comments

  1. Susan says

    November 14, 2020 at 5:14 am

    5 stars
    Absolutely delicious and I only used 1 tablespoon of sugar!
    Thank you!

    Reply
    • Tracy says

      November 24, 2020 at 6:31 am

      So glad you enjoyed it, Susan!

      Reply
  2. Kyra says

    November 12, 2020 at 1:16 pm

    5 stars
    This is an awesome dessert! I decreased the sugar for a lunchtime pick-me-up and got a chalky mouthfeel from the cocoa powder. Do you know of any way around that? I’m using Hershey’s, is there a better brand I should try?

    Of course, when I follow the recipe, it turns out delicious!

    Reply
  3. Amalia says

    October 19, 2020 at 9:47 am

    5 stars
    Just made this amidst midterms week, it’s stressful and a little dreary outside, so I was delighted when it came out wonderfully!!! Awesome recipe, I had no whipping cream but substituted extra milk, it probably would have been creamier and thicker, but nonetheless, I LOVE this recipe 😀

    Reply
    • Tracy says

      October 19, 2020 at 5:56 pm

      So glad you enjoyed it, Amalia, and good luck with the midterms!!!

      Reply
  4. Andromeda says

    July 22, 2020 at 7:10 am

    I microwaved a 1/4 cup of almond milk to make it warm for the sugar to dissolve, whisked in the dry, with a tablespoon of a dairy free half and half I have, but any dairy free coffee creamer adds that thickness, and added that to a cup of coffee. Delicious! Sad I don’t have dairy free whip today! Thanks!

    Reply
    • Tracy says

      July 22, 2020 at 8:35 am

      So glad you enjoyed it, Andromeda!!

      Reply
  5. Deb says

    May 16, 2020 at 10:01 am

    I put everything in the Mason jar, but used an immersion blender. I didn’t have any heavy cream, but used a dollop of unsalted grass-fed butter. It works great.

    Reply
    • Tracy says

      May 19, 2020 at 11:54 am

      Oooo, love the butter idea! So glad you enjoyed it, Deb!

      Reply
  6. Mary says

    January 19, 2020 at 1:59 pm

    Hello!!

    This sounds amazing but do you know if you can make it ahead of time and keep it in the refrigerator?

    Reply
    • Tracy says

      January 19, 2020 at 4:16 pm

      Hi, Mary, you can, but the cocoa powder tends to separate and sink to the bottom when it sits in the fridge, so you’ll need to give everything a good stir after you heat it back up. Hope you enjoy it!

      Reply
  7. Steph says

    December 30, 2019 at 8:33 pm

    Can you substitute something more low calorie for heavy cream? Walmart had best k cups of this, 18 for under $6. They discontinued them. Makes me sad. 70 calories, 2 grams sugar

    Reply
    • Tracy says

      December 31, 2019 at 1:37 pm

      Hi, Steph, you can omit the heavy cream completely and experiment with low-calorie/low-carb sugar replacers if you’re a fan of those to get this under 100 cal. The cream just adds a bit of fatty richness but is technically optional.

      Reply
  8. James says

    October 31, 2019 at 11:15 pm

    Can’t wait to try your coffee recipes this weekend. I am always trying to find yummy recipes to try thus to save money~ Thanks for sharing!

    Reply
    • Tracy says

      November 1, 2019 at 1:15 pm

      Hope you enjoy them!

      Reply
  9. Hannah Higens says

    April 19, 2019 at 5:06 pm

    This tasted so good and like an actual mocha you’d order from a coffee shop. I’d just recommend not adding any extra sugar because it tasted very sweet.

    Reply
    • Tracy says

      April 22, 2019 at 3:56 pm

      Thanks, Hannah! I’m so glad you enjoyed it!

      Reply
  10. Rilynn says

    April 7, 2019 at 1:16 pm

    Oh my gosh! My brother and I wanted to try this cause it was a cold day and what better to drink on a cold day than a hot delicious mocca. We made the recipe and both love it! Will be using again.

    Reply
    • Tracy says

      April 8, 2019 at 1:58 pm

      So glad you guys enjoyed it, Rilynn!

      Reply
  11. Shashi at SavorySpin says

    March 7, 2018 at 6:28 am

    I have an unhealthy obsession with Starbucks’ mocha and this here just might be what I need to curb it! Hey Tracy, I decided to stalk… er stop by your blog after meeting you at the Mediavine conference and love this space of yours and LOVE this recipe! I’ve tried coming up with my own version of a decent mocha but never have I added heavy cream to it – so this is what I’m gonna try this weekend! Hope you are well and made it back safely!

    Reply
    • Tracy says

      March 13, 2018 at 6:54 am

      LOL, I hope you enjoy it, Shashi! And I’m so glad I got to meet you at the conference. That was such a fun couple of days!!

      Reply
  12. serena says

    December 27, 2017 at 9:41 am

    Yum I love mochas and I just never seem to make them. Thanks for making this so easy. Yum

    Reply
    • Tracy says

      December 29, 2017 at 4:48 pm

      Thanks, Serena!

      Reply
  13. Ben Myhre says

    December 27, 2017 at 8:47 am

    You are right… chocolate and coffee is a spectacular pair. Yummers. 🙂

    Reply
    • Tracy says

      December 29, 2017 at 4:49 pm

      Hehe, thanks, Ben!

      Reply
  14. sue | theviewfromgreatisland says

    December 27, 2017 at 7:28 am

    This looks like pure comfort, I might even be tempted to spike it just a bit for a nightcap!

    Reply
    • Tracy says

      December 29, 2017 at 4:49 pm

      Mmmm, I like the way you think, Sue!

      Reply
    • ann says

      May 22, 2022 at 7:16 am

      I like to spike it with amaretto!

      Reply
  15. Emma @ Supper in the Suburbs says

    December 27, 2017 at 7:14 am

    I’ve never been a coffee lover but I can totally get on board with a mocha! This looks lush.

    Reply
    • Tracy says

      December 27, 2017 at 7:19 am

      Hehe, thanks, Emma!

      Reply
      • Ms deb says

        December 31, 2017 at 6:33 am

        I have made my
        Mocha similar but did not think of mason jar part and shake all up! Also put coffee cocoa etc in small pan then poured. This way makes fr0th???

      • Tracy says

        December 31, 2017 at 10:17 am

        Yes! Not nearly as much as a frother, but it makes that nice bit of foam on the top that you can see in the photos.

  16. Elaine @ Dishes Delish says

    December 27, 2017 at 6:56 am

    5 stars
    Yum. My favorite hot drink! I love mochas and never think of making it at home. I can’t wait to try your recipe!

    Reply
    • Tracy says

      December 27, 2017 at 7:15 am

      Hope you enjoy it, Elaine!!

      Reply
    • asdf says

      August 11, 2019 at 7:22 am

      Spilt coffee everywhere making this.

      Reply
      • Tracy says

        August 12, 2019 at 9:24 am

        Oh no! Hope you were at least able to enjoy the mocha after the cleanup.

      • Jos says

        December 1, 2023 at 8:47 am

        5 stars
        I spilt coffee everywhere but it was SOOO worth it, I’m never wasting money to go get some ever, so good!

      • Tracy says

        December 2, 2023 at 7:42 am

        Lol so glad you enjoyed it!

    • Jane Daniel says

      November 15, 2020 at 10:39 am

      As I write this, am sipping my first attempt at the mocha recipe. It is soooo good. Looking forward to trying the pumpkin latte next. Thanks.

      Reply
      • Tracy says

        November 16, 2020 at 12:36 pm

        So glad you enjoyed it, Jane!!

    • Theresa Hendrix says

      April 26, 2023 at 2:33 pm

      5 stars
      Thanks it’s soooo good and easy!!! My adult kid loved it too great recipe

      Reply
Newer Comments »
4.92 from 48 votes (31 ratings without comment)

Leave a Reply Cancel reply

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

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

Welcome!


Hi, I'm Tracy! Welcome to Baking Mischief, where we realize that not everyone is cooking every night for a family of four. We have delicious sweet and savory recipes, mostly scaled for one or two, and we love our pop culture around here, so keep an eye out for film, book, and TV-inspired treats as well! Read more»
  • Facebook
  • Instagram
  • Pinterest
  • Tumblr
  • Twitter

Get free recipes delivered to your inbox!

Join the Baking Mischief Newsletter

Subscribe and get recipes delivered to your inbox weekly PLUS a free mini e-cookbook. 

Popular Recipes

Gooey Chocolate S’mores Cupcake with a bite out of it.No Fail Butter and Garlic Green Beans in a white dish.Pesto Chicken Sandwich on Sourdough being picked up.Chicken Shawarma With Yogurt Sauce wrapped in foil on a wooden plate.Easy Carnitas Recipe on a white plate with limes.The BEST Crispy Oven-roasted Broccoli on a baking sheet.

What I’m Loving Now

Small-batch Chocolate Banana Muffin with a bite out of it.Carnitas Enchiladas (Pulled Pork Enchiladas) on a plate with lettuce.Easy Creamy Chicken Noodle Soup in a pot.Easy Peanut Butter Oatmeal Cookies stacked on a plate.

Copyright © 2025 · Tasteful theme by Restored 316

Rate This Recipe

Your vote:




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

Recipe Ratings without Comment

Something went wrong. Please try again.