Craving a creamy, coffeehouse-style mocha but don’t have a milk frother? No problem! With just a Mason Jar and a little shake-shake-shake, you can whip up a rich, chocolatey Mason Jar Mocha Coffee in minutes—no fancy equipment needed! This DIY hack gives you perfectly frothy, velvety coffee that feels like a splurge but is so easy to make at home. So grab your jar, your favorite mug, and let’s shake up something delicious!
You can make this mocha, heat it in the microwave and have a hot cup of coffee, or pour it over ice and have the iced version. Your choice!
Table of Contents
Ingredients to make Mason Jar Mocha Coffee
- white sugar
- unsweetened cocoa
- hot coffee
- milk
- cream
- whipped cream
- chocolate syrup
Not a fan of coffee? Try this easy 3-ingredient Hot Cocoa recipe!
How do you make a Mason Jar Mocha?
I don’t have a milk frother, but this is an easy way to ‘froth’ a fancy coffee drink. My teenager and college kid LOVE making this drink, and it takes no time at all. Plus, it’s a lot cheaper than Starbucks.
Get a mason jar with a lid you can screw on.
Add the first five ingredients listed — sugar, cocoa, coffee, milk, and cream.
Put it all in the mason jar, seal the lid, and shake it up until it’s foamy.
Pour it into a mug and heat for 30 seconds in the microwave.
Top with whipped cream and chocolate syrup.
If you want the iced mocha version, fill a glass with ice, and pour over the top.
Enjoy!
Dessert Ideas to Pair
Need a sweet treat to have with that cup of mocha? Here’s a few ideas:
- How to make Microwave Mug Cheesecake
- Making Microwave Chocolate Chip Cookie Bars
- How to make a Microwave Chocolate Cream Pie
- Unicorn Mug Cake
- How to make Cupcakes in the Microwave
- How to make a 2 Ingredient OREO Cake
- Microwave Strawberry Upside Down Cake
Mason Jar Mocha
Ingredients
- 1-2 tablespoons white sugar
- 1 tablespoon unsweetened cocoa
- 1/4 cup milk
- 1 cup hot coffee
- 1 tablespoon heavy cream
- whipped cream
- chocolate syrup
Instructions
- Get a mason jar with a lid you can screw on.
- Add the first five ingredients listed -- sugar, cocoa, coffee, milk, and cream.
- Put it all in the mason jar, seal the lid, and shake it up until it's foamy.
- Pour it into a mug and heat for 30 seconds in the microwave.
- Top with whipped cream and chocolate syrup.
Notes
If you want the iced mocha version, fill a glass with ice, and pour over the top.
Nutrition Information:
Yield:
1Serving Size:
1Amount Per Serving: Calories: 325Total Fat: 9gSaturated Fat: 5gTrans Fat: 0gUnsaturated Fat: 3gCholesterol: 26mgSodium: 66mgCarbohydrates: 58gFiber: 2gSugar: 48gProtein: 5g
Any nutritional information on justmicrowaveit.com should only be used as a general guideline. This information is provided as a courtesy and there is no guarantee that the information will be completely accurate.
Loved this post? Follow along for more recipes at Facebook, Pinterest, Twitter, and Instagram!