Sunday, November 1 2026

Salted Mocha Coffee Origin and Recipe: Hot and Iced Versions

September 7, 2021
qj

How does a salted mocha build on classic mocha coffee origin?

A salted mocha follows the classic mocha build: espresso, hot milk and chocolate, with a small pinch of salt added near the end. The salt does not make the drink savory. It rounds off bitterness and makes the chocolate and coffee sweetness read more clearly, which is why cafes have added it to menus.

Salted mocha ingredients are easy to find: espresso or moka-pot coffee, fresh milk, chocolate or cocoa, condensed milk, cream and salt. Chocolate masks much of the bean's character, so a medium or darker roast still holds up. The same base also separates mocha from latte and cappuccino.

Many new variations have evolved from the classic mocha, among which the "salted mocha" has rapidly gained popularity in the coffee scene in recent years. Just add a small pinch of salt to the traditional mocha recipe, and it makes the sweetness more pronounced and the aroma more vivid. This sweet-and-salty interwoven flavor is deeply loved by modern consumers. In this article, Front Street Coffee will introduce in detail the hot and iced methods for making a salted mocha, including ingredient preparation, coffee bean selection suggestions, specific ratios, and operating steps. It will also explain the differences between a mocha latte and a cappuccino, helping coffee lovers easily recreate this drink at home.

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

The classic mocha coffee is made by using espresso and hot milk as the base, then blending in chocolate products. The skill threshold is very low. Chocolate can both suppress the bitterness of the coffee and give the drink a more three-dimensional flavor structure. For this reason, mocha coffee won the favor of a large number of consumers as soon as it appeared.

Although the popularity of traditional mocha has somewhat faded today, its derivative version has successfully broken through and become the focus of the coffee world—yes, it is the "salted mocha."

The approach to making a salted mocha is not very different from that of a classic mocha. The only difference is the addition of a small pinch of salt, yet it can make the entire cup of coffee present a completely different flavor direction.

Not only is its sweetness further amplified, but its aroma also comes through more clearly. Compared with traditional mocha, this sweet-and-salty salted mocha seems to better match current consumers' taste preferences, so in recent years many coffee shops have launched "salted mocha" as a product. Next, Front Street Coffee will talk with everyone about how this widely popular salted mocha is actually made.

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

Required materials...

First, Front Street Coffee will list the ingredients that will be used next. They are all very easy to buy, namely: espresso or coffee brewed with a moka pot, fresh milk or purified milk, chocolate or chocolate sauce or unsweetened chocolate powder, condensed milk, cream, and a small amount of salt.

Although the chocolate flavor will mask most of the coffee's own characteristics, Front Street Coffee still believes that the selection of coffee beans cannot be ignored. The reason is that the more the flavors provided by the coffee beans match the milk chocolate, the more outstanding the overall texture and taste of the mocha will be. Therefore, Front Street Coffee suggests that if you want to make an excellent cup of salted mocha, it is best to choose medium-dark roast or dark roast coffee beans that match the chocolate flavor.

This type of bean usually has full nutty and chocolate notes, and pairs very harmoniously with milk chocolate without feeling out of place. If you prefer the individuality of a single origin, you can buy Front Street PWN Golden Mandheling, Front Street Queen's Estate, and Front Street Huilan, several beans that naturally carry chocolate and caramel aromas;

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

If you want an espresso with rich crema, Front Street Classic Blend and Front Street Commercial Blend are the first choices. Both of these Italian-style beans contain a small amount of Robusta. Front Street Classic Blend combines Brazil, Mandheling, and Robusta, uses a medium-dark roast, and can release clear aromas of butter, toasted bread, and caramel cookies during extraction. The flavor is strong, the body is mellow, and it has delicate crema. The extraction performance is very stable, making it a must-have home coffee for beginners.

The coffee beans selected by Front Street Coffee this time are Front Street Classic Blend. It is blended from beans from three producing regions: Brazil, Mandheling, and Vietnam. It has rich chocolate, nutty, and creamy flavors, and fits very well with the chocolate base of mocha coffee! Once the materials are ready, you can start making it.

The method for an extra-rich salted mocha

The first step is to make the coffee base for the salted mocha. Preparing the base is not complicated. Simply mix espresso with the chocolate materials and other ingredients, and stir until evenly combined. The ratio used here by Front Street Coffee is: double espresso, 8 grams of unsweetened chocolate powder, 8 grams of condensed milk, 5 grams of chocolate sauce, and 0.5 grams of salt. Pour them all into the same container and stir with a bamboo whisk until there are no obvious granules.

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

Since Front Street Coffee is demonstrating the hot salted mocha first this time, after the chocolate coffee base is stirred, you need to start steaming the milk. The milk is steamed in the same way as for a regular latte, with thin milk foam, and the temperature controlled at about 65°C.

After steaming is complete, you can mix the two. There are two methods to choose from: the first is latte art, which is the method Front Street Coffee shared last October, so it will not be expanded on here.

The other is to use the milk foam to create a doughnut-like shape, as with a cappuccino. The operation is very simple: first scoop 2 to 3 spoonfuls of milk foam and spread it in the center of the coffee. (Note: try to cover as large an area as possible with the milk foam.)

After spreading it, pour all the remaining milk and milk foam into the center, concentrating the pour until the cup is full (200 ml).

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

Finally, just sprinkle on a little chocolate powder or chocolate shavings to add aroma to this salted mocha, and a rich, delicious salted mocha is complete.

(It is best to sprinkle the chocolate powder concentrated in the middle; otherwise, as shown in the picture below, because it is covered by powder, the coffee's "doughnut" shape will have been made for nothing.)

Compared with last year's version, Front Street Coffee feels that this year's version has a rich aroma while not being too heavy on the palate, making it friendlier to those who dislike a sweet, cloying feeling.

The iced version is much simpler to make. Last year, Front Street Coffee shared an iced shaken version; this year, we will switch to a regular method. The method for the coffee base remains unchanged, except that the chocolate sauce can be increased by 5 grams and the salt by 0.5 grams compared with the original. After the chocolate coffee base is made, set it aside first. Then take out an ice cup and coat the wall of the cup with a layer of chocolate sauce.

(Before coating the wall with chocolate sauce, it is best to freeze it first to reduce its fluidity and avoid the following situation...)

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

Next, add 120 grams of ice cubes and 180 ml of iced milk to the cup.

Then pour in the previously prepared chocolate coffee base.

Finally, top with milk foam or whipped cream, then sprinkle with chocolate powder or shavings, and you can even add some chocolate chunks or cookies for decoration. An iced salted mocha is then complete.

Salted Mocha Coffee Making Tutorial: Detailed Hot and Iced Recipes and Distinguishing the Differences Between Mocha, Latte, and Cappuccino

Compared with the hot version, the iced salted mocha tastes equally rich, but the texture is smoother and more refreshing. However, note that before drinking, it is best to stir it with a straw so that the chocolate coffee and milk fully blend, which will make the coffee's flavor even better.

The above content is compiled by CoffeeHunters, a coffee news website.

You May Also Like