PerfectBrew Logo Blue

German Chocolate Mocha Coffee Recipe

Table of Contents

The mocha is the best of both worlds, chocolate and coffee. And since there are many types of chocolate and quite a lot of coffee styles, there’s no one mocha but many. The sky’s the limit!

Our favorite mocha version takes inspiration from the famous German chocolate cake, one of the most popular combinations of chocolate, caramel sauce and coconut; what’s not to love?

What Goes into a German Chocolate Mocha?

To make a decadent cup of chocolatey mocha, you need some coffee, and since we want this one to be thick and creamy, we’re going with a shot of freshly brewed espresso. Use a capsule or a stovetop espresso maker — you can also use freeze-dried espresso if you can’t make a good shot at home.

The next thing you need is coconut syrup, and that’s a hard find in some places. Luckily, you’ll also find it online. Coconut is what gives the German chocolate cake its tropical feel, so don’t skip it. Besides, coconut syrup is a lovely ingredient to make desserts and cocktails

For this one, we’re also using dark chocolate sauce and caramel sauce. Two of the most decadent ingredients in the barista repertoire.


How to Decorate a German Chocolate Mocha?

The German chocolate cake typically has grated coconut, pecans, shaved chocolate and sometimes even cherries. These are precisely the garnishes you want to use in your mocha.

Pecans are totally optional, but the sweet nut is definitely compatible with coconut’s tropical flavor. And, of course, drizzle some chocolate and caramel sauce over your coffee. To make room for all these toppings, you’ll want a thick layer of whipped cream. 

You know you’ve got this drink right when you taste it and say, ‘yes, it kinda tastes like German chocolate cake.’ So, try different combinations based on the recipe below and pay homage to the famous chocolate cake!

By the way, the German chocolate mocha is delicious when served along with a thick slice of layered chocolate cake, so try the combination and indulge in chocolatey goodness. Now, let’s check out the recipe.

How to Make It

  • Prep Time5 min
  • Cook Time1 min
  • Total Time6 min
  • Serving Size1
  • Energy651 cal




Heat the milk in the microwave until steamy (around 1-2 minutes).


Mix the warm milk with the chocolate sauce, coconut syrup and caramel sauce. Stir until combined.


Brew the espresso and pour it into a glass or mug.


Top the espresso with the milk mixture.


Garnish with whipped cream and chocolate or caramel sauce (or both!)

  • Nutrition Facts

  • Serving Size1
  • Amount per serving
  • Calories651
  • % Daily Value*Standard DV
  • Total Fat24.6 g78 g31.54%
  • Saturated Fat16.8 g20 g84%
  • Cholesterol54 mg300 mg18%
  • Sodium350 mg2300 mg15.22%
  • Total Carbohydrate96.6 g275 g35.13%
  • Dietary Fiber2.3 g28 g8.21%
  • Total Sugars56.3 g
  • Protein15.6 g50 g31.2%
  • Calcium460 mg1300 mg35.38%
  • Iron1 mg18 mg5.56%
  • Potassium627 mg4700 mg13.34%
Skip to content