Making your own homemade mocha coffee creamer is a fun way to add some variety to your morning cup of joe.

It’s also a great way to control calories and save money. You can make a basic homemade mocha coffee creamer in less than five minutes, and it’s as easy as mixing a few ingredients and heating it.

I’ve been making this homemade mocha coffee creamer for years. It is a great addition to any coffee drink, but it is especially good for daily morning coffee.

This article will cover all the information you need to make this mocha coffee creamer yourself. Let’s get started!

What is mocha coffee creamer?

Mocha coffee creamer is a type of coffee creamer that is made with chocolate flavoring. It usually has a dark brown color and has a creamy consistency.

Mocha coffee creamer.

With this easy recipe for mocha coffee creamer, you’ll drink a delicious cup of coffee with mocha flavor within a few minutes.

After preparing this coffee creamer, you can instantly use it in the coffee of your choice and store the remainder in the fridge until further use.

Homemade creamers are delicious and are healthier than store-bought ones. You can make this creamer as sweet as you like, which I’ll discuss below.

What is mocha coffee creamer made of?

This homemade mocha creamer is made with only three ingredients:

  • Whole milk
  • Sweetened condensed milk
  • Cocoa powder
All ingredients that are needed to make mocha coffee creamer at home.

That’s all you need to make a delicious jar of mocha coffee creamer at home.

You can add some sugar or other flavoring to this creamer if you can’t find sweetened condensed milk.

The sweetened condensed milk will make this creamer quite sweet, so adding additional sugar isn’t necessary.

You can, however, switch out the whole milk for a lower-fat kind or even your favorite milk alternative.

You can use whatever milk you have in the fridge for this recipe. It’s the perfect way to get rid of those milk cartons that have a bit of milk left in them.

I like to use cocoa powder to make this a mocha-flavored coffee creamer. Cocoa powder can be a bit hard to dissolve in cold liquids, which is why heating the mixture will be perfect.

Cocoa powder in a small bowl.

I’ll talk more about the best way to make this creamer at home, but first, you might be wondering if you can also use chocolate for your creamer instead:

Can you make mocha coffee creamer with chocolate?

Yes, you can make mocha coffee creamer with chocolate. I recommend using 1 tbsp of chocolate (15 grams) instead of 1 tsp (7 grams) of cocoa powder.

It’ll have almost the same sweetness (although the chocolate version is slightly sweeter), and you can use any chocolate you have at home.

I prefer using at least 70% dark chocolate for recipes like this so that you can have a full flavor of chocolate in your coffee creamer.

A dark chocolate bar.

It’s just like adding cocoa powder or dark chocolate to coffee, but you’ll have a fuller flavor with this coffee creamer recipe.

To make homemade mocha chocolate coffee creamer, you can follow the easy steps below:

  1. Start by melting some chocolate in a microwave-safe bowl or a saucepan set over low heat.
  2. Once the chocolate is melted, remove it from the heat.
  3. In a separate bowl, mix the milk and condensed milk.
  4. Add the chocolate to the bowl and mix until the creamer is well combined.
  5. Let it cool completely and store it in an airtight container.

You could also chop (or break) the chocolate bar into smaller pieces and add it to the mixture while heating it, just like listed below in the recipe card:

Yield: 16 servings

Homemade Mocha Coffee Creamer

Homemade mocha coffee creamer.

Make this mocha coffee creamer with added cocoa powder for a fantastic flavor!

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


  • 1/2 cup (0.12 l) of sweetened condensed milk
  • 1/2 cup (0.12 l) of whole milk
  • 1 tsp (7 grams) of cocoa powder


  1. In a small saucepan, whisk together cocoa powder, the milk, and condensed milk until smooth.
  2. Place the small saucepan over medium heat.
  3. Cook, constantly stirring until the mixture thickens and begins to bubble.
  4. Remove from heat and let cool slightly before transferring to a jar or airtight container.
  5. This mocha coffee creamer will keep in the fridge for up to a week.


You can store this coffee creamer until the best-by date of your milk. Make sure to use milk that keeps well for longer, so you can store your creamer longer as well.

Nutrition Information:

Serving Size:


Amount Per Serving: Calories: 74Total Fat: 1.5gSaturated Fat: 1.2gUnsaturated Fat: 0.1gCholesterol: 7mgSodium: 24mgCarbohydrates: 11.6gSugar: 11.8gProtein: 1.5g

The number of calories is calculated for a serving of two tablespoons.

To what coffees can you add this coffee creamer?

You can use this coffee creamer for the daily coffees you like to prepare. You can make coffee with a French press, Chemex, or a different coffee brewer you prefer.

All coffees go well with this slightly sweet coffee creamer. I like to add this coffee creamer to coffee made with a French press.

"Adding the plunger to the French press beaker."

French press coffee is more robust, so adding a bit of creamer to it works amazing.

Depending on the coffee you like to make, you can use a bit more coffee creamer, but more on this below.

How many calories are in mocha coffee creamer?

If you love coffee but don’t like the calories and fat that come with most creamers, this homemade mocha coffee creamer recipe is the perfect solution!

It’s lower in calories than a store-bought coffee creamer, and you can make it have the sweet taste you prefer.

This mocha coffee creamer has 74 calories for a serving of two tablespoons.

I found that adding two tablespoons to an 8-ounce cup of coffee (0.24 l) will give it a slightly sweet flavor that is perfect.

If you prefer your coffee on the sweeter side, you might want to add a bit more creamer to it.

Make sure to add as much (or as little) as you like until you’ve found the perfect sweetness for your coffee!

More coffee creamers to try

Not sure yet if the mocha creamer fits you? Or just curious to see which coffee creamers are out there?

I’ve got you covered! Check out the lists below to find great coffee creamers:

And for even more options, check out the coffee add-ins hub here!


If you’re looking for a healthier creamer than the store-bought stuff, I hope this recipe has helped.

It’s not just less expensive to make your own at home, but it tastes better, too!

So, what do you think? Have I convinced you that making your own mocha coffee creamer is worth the effort and time?

With just three ingredients, you can enjoy a sweetened cup of coffee in no time!

It’s a simple recipe that is easy for anyone to do at home, so why not give it a try?

Coffee recipes to try

Write A Comment

Pin It Skip to Recipe