Sunday, November 1 2026

Mocha Coffee Beans: History and Espresso Brewing Guide

March 28, 2018
qj

Where Do Mocha Coffee Beans Come From?

The name mocha traces to the port of Mocha in Yemen. For several hundred years from the 15th century, coffee beans bound for world markets first gathered there before crossing the Red Sea. Sacks were stamped MOCHA to mark that route, so Europeans called the beans arriving that way mocha coffee, and the word once stood in for coffee itself.

Mocha coffee beans are small but aromatic, and after deep roasting the acidity and body balance out with moderate sweetness and clear chocolate notes. The modern espresso mocha appeared in 18th-century Italy, when cocoa powder was added to coffee to recreate that chocolate character after Mocha beans grew scarce in Europe.

The word mocha originates from the port of Mocha in Yemen, once the mandatory passage for all coffee bean exports, which is why Europeans collectively referred to coffee from there as mocha coffee. Times have changed, and today's espresso mocha has evolved into a classic specialty drink based on espresso, blended with chocolate and milk. This article will guide you through the historical origins of mocha coffee and provide a detailed explanation of how to make a velvety hot mocha and a refreshing iced mocha using an espresso machine. From selecting chocolate ingredients and recommended coffee bean pairings to milk frothing techniques and blending steps, Front Street will break down each stage one by one, helping you easily recreate a café-quality authentic mocha at home.

Mocha Coffee History Tracing and Making Guide: Complete Recipes for Hot Mocha and Iced Mocha Made with an Espresso Machine

The name mocha comes from the port of Mocha in Yemen. From the 15th century onward, for several hundred years, coffee beans from around the world had to first converge at the port of Mocha before crossing the Red Sea and being shipped to destinations worldwide. The port of Mocha thus became an important distribution hub for the coffee trade.

At the time, the burlap sacks used to transport coffee beans were all printed with the word MOCHA to indicate that the goods had been shipped from the port of Mocha. As a result, Europeans collectively referred to coffee beans arriving via the port of Mocha as mocha coffee, which is also why the word mocha in early times was nearly synonymous with coffee itself. Mocha coffee beans are small in size but rich in aroma. After deep roasting, the acidity and body reach a good balance, with moderate sweetness in the aftertaste and a distinct chocolate flavor.

The espresso mocha we commonly refer to today can be traced back to 18th-century Italy. By that time, the Dutch had already spread coffee to Southeast Asia, and the French had introduced it to South America, causing the port of Mocha to gradually lose its monopoly on the coffee trade. Coupled with the later rule of the Ottoman Empire, mocha beans became increasingly scarce in Europe.

To recreate the unique chocolate character found in mocha coffee beans, some began experimenting with adding cocoa powder to coffee for balance. With the advent of the espresso machine and the global popularity of various espresso-based specialty coffees, this chocolate-infused milk coffee gradually became an indispensable classic on espresso menus. So how exactly should a proper cup of mocha coffee be made? Let's follow along with Front Street and study carefully~

To make a cup of hot mocha with a velvety texture and full cocoa flavor, besides choosing the right ingredient to provide the chocolate taste, pairing it with suitable espresso beans is equally important. How to perfectly blend chocolate, coffee, and milk during the process is also the key to success.

There is a wide variety of cocoa-based products on the market that can impart chocolate flavor to coffee, such as chocolate sauce, unsweetened pure cocoa powder, pure dark chocolate blocks, milk chocolate blocks, cocoa butter chocolate chips, and more. Prices range from a few yuan to over a hundred yuan, and each product differs in chocolate flavor, solubility, and texture. You can choose according to your own budget and preferences.

Mocha Coffee History Tracing and Making Guide: Complete Recipes for Hot Mocha and Iced Mocha Made with an Espresso Machine

Among these, chocolate sauce is widely used by cafés for daily service thanks to its built-in sweetness, high cost-effectiveness, and long shelf life. It not only adds chocolate aroma to espresso but can also serve as an auxiliary tool for latte art. However, this type of chocolate sauce is relatively thick in texture and tends to harden in low-temperature environments, making it difficult to fully blend into the espresso and milk foam after stirring. The resulting hot mocha may occasionally have a slight grainy texture.

If you choose unsweetened pure cocoa powder or dark chocolate blocks, you will need to add sugar according to personal taste when making an espresso mocha, and the powder must first be mixed with hot water before combining with espresso. Here at Front Street, we use milk chocolate blocks. The melting method is: place them, packaging and all, on the coffee machine to heat until they become fluid, then set aside.

As for the espresso bean selection, it is recommended to use medium-dark roast types with prominent nutty flavors. These can be either single-origin beans with distinctive character or blended beans with a rich, solid body.

For single-origin espresso beans, we recommend Front Street Queen's Estate·Brazil, Front Street PWN Golden Mandheling, and Front Street PNG Bird of Paradise;

Mocha Coffee History Tracing and Making Guide: Complete Recipes for Hot Mocha and Iced Mocha Made with an Espresso Machine

For espresso blends featuring nutty, caramel, dark chocolate, and creamy flavors, there are four options: Front Street Specialty Blend, Front Street Commercial Blend, Front Street Classic Blend, and Front Street Dark Cocoa Blend. These beans are rich in oils and full in flavor, pairing beautifully with milk chocolate to elevate the complexity of the hot mocha to the next level.

Once the milk foam, chocolate, and espresso are all ready, the next step is to fully blend these three together.

Ingredients to prepare: a double shot of espresso, 200g chilled fresh milk, 20g pre-melted chocolate blocks, a small amount of chocolate shavings or cocoa powder, and a coffee cup with a capacity of 200–300ml. If you are also a sweets lover, you can add marshmallows or cream just like Front Street does.

1. First, pour the melted chocolate syrup into a ceramic cup. Use 20g of Warm Sun coffee powder to extract 37g of espresso, and stir well while hot;

2. Steam 200g of fresh milk to a hot milk foam of around 50–55℃. After hearing 4-5 hissing sounds, enter the texturing stage;

3. Use a spoon to scoop out a spoonful of the upper layer of milk foam and draw circles in the espresso mixed with chocolate, creating a solid white circle as shown in the image;

Mocha Coffee History Tracing and Making Guide: Complete Recipes for Hot Mocha and Iced Mocha Made with an Espresso Machine

4. Pour all the remaining hot milk foam from the pitcher into the coffee cup from the center until the cup is full;

5. Finally, decorate by gently placing two plump white marshmallows on top, sprinkle with cocoa powder or chocolate shavings, and lightly toast with a torch until golden brown. A warm cup of hot mocha is complete.

However, when midsummer arrives, many indulgent friends prefer a refreshing iced mocha over a hot one. In fact, the ingredients needed to make an iced mocha are equally simple: a double shot of espresso + chocolate sauce + 200g fresh milk + ice cubes.

Mocha Coffee History Tracing and Making Guide: Complete Recipes for Hot Mocha and Iced Mocha Made with an Espresso Machine

First, take a transparent glass and coat the inner walls with chocolate sauce. Add ice cubes and half of the milk, then blend 10g of chocolate sauce into the extracted espresso and pour it all into the glass. Next, use a French press to texture the other half of the cold milk, scrape off the coarse foam on the surface, and pour it into the glass until nearly full.

Finally, use chocolate sauce to create a pattern on top, and a rich, sweet iced mocha is ready to serve.

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

You May Also Like