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:

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


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


  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!


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:


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.


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

Picture of Jeffrey, Author at Your Dream Coffee

On my coffee blog you will find everything you need in order to start brewing coffee at home. Ranging from the basics; to the newest coffee recipes everybody talks about! You can learn more about me here.

Write A Comment

Pin It Skip to Recipe