Mocha macchiato is a coffee lover’s dream come true. It’s a delicious blend of espresso and chocolate, with just the right amount of milk to froth to perfection.

If you’ve never had one before, now is the time to learn how to make this classic drink at home. You’ll be able to enjoy it any time you want!

In this article, I’ll go over everything you need to know to get started. And the best part about this recipe is that you can make it in just five minutes. Let’s get into it!

What is a mocha macchiato?

A mocha macchiato is a coffee drink that contains espresso, steamed milk, and a small amount of chocolate syrup.

Mocha macchiato, ready to drink.

It is usually made with steamed whole milk but can also be made with skim milk or soy milk.

The name “macchiato” means “marked” in Italian and refers to the way the espresso marks or stains the milk.

Many people like to order this drink because it has the coffee flavor from the espresso, the creaminess from the steamed milk, and the sweetness from the chocolate syrup.

It’s a good choice if you want something that isn’t too sweet or too strong.

What does a mocha macchiato taste like?

The mocha macchiato is a rich and creamy drink that has a strong coffee flavor balanced by the sweetness of the chocolate syrup.

Because a macchiato is made with two espresso shots (or doppio espresso), it has a strong coffee flavor with a sweet chocolate aftertaste.

Single and doppio espresso next to each other.
Single espresso shot on the left. Doppio on the right

Compared to a regular macchiato, the overall flavor is much sweeter and is more likely to be enjoyed by many people.

So even if you’re not a big fan of strong coffee, you might like this sweeter and more balanced mocha macchiato!

What ingredients are used in this recipe?

To make a mocha macchiato at home, you’ll only need to collect the following three ingredients:

  • Espresso coffee
  • Whole milk
  • Chocolate syrup

While whole milk is usually my go-to for coffee drinks, you can also use your favorite non-dairy milk for this recipe.

I like using almond and oat milk because they have just enough sweetness without being too sweet, which makes these mocha macchiatos taste incredible!

Oatly oat milk.

I’ll go over a few different ways to customize this drink further down. But first, let’s go over the best coffee to use.

What is the best coffee to use?

There are many different types of coffee, but it’s best to use espresso coffee for a mocha macchiato.

Espresso is a type of coffee that is made by forcing pressurized hot water through finely-ground coffee beans:

Espresso grind size.

This produces a thick, rich, and strong coffee with a deep flavor that is perfect for making macchiatos and other popular drinks like cappuccinos, lattes, and more.

Perfectly brewed espresso coffee will have a crema on top, which looks like this:

Espresso crema as seen from above.

A few other options would be to brew espresso-like coffee with a Moka pot or AeroPress.

Both options are far cheaper than an espresso machine, and the coffee tastes quite strong.

And if you have a Nespresso machine at home, you can use one of these best Nespresso pods for espresso coffee for that perfect strength.

Which coffee beans are best used?

The best coffee beans will vary depending on your personal preferences. However, a medium or dark roast will be best if you’re looking to make a mocha macchiato.

Medium roasts are flavorful without being too bitter, while dark roasts have a richer flavor that can stand up to the added chocolate and milk.

Brazilian coffee beans.

Keep in mind that the best coffee to use is espresso coffee, so I’d suggest sticking to your go-to espresso beans.

I wouldn’t use a light roast for this specific recipe. The floral flavor notes that lighter coffee roasts tend to have will be drowned out by the added chocolate syrup.

Tip: Check out the best coffee beans for espresso coffee here!

How do you make chocolate syrup at home?

Chocolate syrup is one of the easiest coffee syrups to make at home. You can make it with just the following five ingredients:

  • White granulated sugar
  • Cold tap water
  • Cocoa powder
  • Vanilla extract
  • Salt

By combining these ingredients in a small saucepan on the stove, you’ll make this homemade chocolate syrup in just five minutes.

It’ll look like this when cooled and stored:

Chocolate syrup, ready to use.

If you want to try this recipe, you can find a step-by-step guide in this article!

What are the best ways to customize a mocha macchiato?

The great thing about making a mocha macchiato is that it can be customized to fit your taste.

If you want it to be sweeter, you can add more syrup. If you want it to be richer, you can add more espresso.

And if you want it to be creamier, you can add some more milk.

If you’re looking for some additional customization ideas, here are a few suggestions:

Cocoa powder in a small bowl.

As you can see, there are endless possibilities when it comes to customizing this delicious drink!

Now that you have a good idea about the ingredients in this delicious macchiato and the ways you can customize it, give it a try by following the recipe below:

Yield: 1 Serving

Mocha Macchiato

Mocha macchiato as seen from above.

This easy-to-make mocha macchiato is the perfect start to the day. Within five minutes, you can enjoy the delicious flavors.

Prep Time 3 minutes
Additional Time 2 minutes
Total Time 5 minutes

Ingredients

  • Two espresso shots
  • 1 oz (30 ml) of whole milk
  • 1 tbsp (15 grams) of chocolate syrup

Instructions

  1. Start by brewing your espresso shots. You can use your favorite coffee brewer for this!
  2. Meanwhile, start steaming your milk. Make sure you steam a bit more milk than necessary, as it will otherwise scorch.
  3. Add the chocolate syrup to a glass of choice.
  4. Pour the espresso shot into the glass and give this a quick stir to combine.
  5. Then, add the steamed milk and finish with a small amount of milk foam as a topping.
  6. Serve with a small spoon, and enjoy it while it's hot!

Notes

You can make this drink sweeter by adding more chocolate syrup to the mix, or use one of the above-listed ways to customize your mocha macchiato!

Nutrition Information:

Serving Size:

1

Amount Per Serving: Calories: 48Total Fat: 1.6gSaturated Fat: 0.9gUnsaturated Fat: 0.4gCholesterol: 3mgSodium: 12mgCarbohydrates: 3.9gFiber: 1.6gSugar: 6.5gProtein: 1.9g

Mocha macchiato FAQs

Below are some frequently asked questions about the mocha macchiato that will help you decide if this drink is worth trying!

How do you order a mocha macchiato?

To order a mocha macchiato, simply ask for a “macchiato” at your local coffee shop. You can then specify that you would like it to be made with extra chocolate syrup.

How much caffeine is in a mocha macchiato?

A mocha macchiato contains about 136mg of caffeine. This is because a mocha macchiato is made with two espresso shots.

Can you make a decaf mocha macchiato?

Yes! A decaf mocha macchiato is a great choice for those looking for a less caffeinated coffee drink. To make one, simply use decaf coffee beans for the espresso basis.

Keep in mind that the chocolate sauce may contain a small amount of caffeine, as dark chocolate has some caffeine.

Conclusion

Making your own mocha macchiato at home is a great way to save money and time.

With just a few simple ingredients, you can create a delicious coffee drink that rivals anything you would get at a coffee shop.

Give this recipe a try the next time you’re in the mood for a special treat. I guarantee you’ll be pleasantly surprised!

And if you want to check out some more delicious espresso-based recipes, have a look below at some of my favorites:

More espresso-based recipes

Profile picture of Jeffrey (Founder & Coffee expert at Your Dream Coffee)
Author

Jeffrey, founder of Your Dream Coffee, is a coffee expert with a background in culinary arts. With hands-on experience in specialty coffee, he shares expert brewing guides, recipes, and reviews to help you craft better coffee at home.

Write A Comment

Your Dream Coffee is your go-to blog for everything coffee. Discover brewing guides, expert tips, and everything you need to start making great coffee at home.

Contact

Trading as: Your Dream Coffee (“Your Dream Blogs VOF”)
Registration Number (KVK): 85204455
VAT Number: NL863544940B01
Address: Keurenplein 41 (A0767)
1069 CD, Amsterdam (NL)

Follow

As Featured On

Companies Your Dream Coffee is featured on

Disclaimer: The content on Your Dream Coffee is meant to inform, inspire, and guide—but it’s not professional advice. We do our best to share accurate, helpful, and up-to-date information based on experience and research. That said, we can’t guarantee everything will apply perfectly to your unique situation.

Use of this site is subject to our Terms & Conditions and means you accept that any actions you take based on the content are your own responsibility. Your Dream Coffee isn’t liable for any direct or indirect issues that result from how you use the information here.

This site is the official website of Your Dream Coffee and represents our personal views and experiences.

Affiliate Disclosure: Some links on this site are affiliate links, meaning we may earn a small commission—at no extra cost to you—if you make a purchase.

Your Dream Coffee is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to products on Amazon.com. Amazon and the Amazon logo are trademarks of Amazon.com, Inc, or its affiliates.

Site Editor: Jeffrey
Pin It Skip to Recipe