Iced Mexican Cocoa Coffee Recipe with Espresso

If you’ve ever craved a cool, chocolatey coffee drink that still hits with espresso flavor—without being a sugary frappé—this Iced Mexican Cocoa Coffee is your answer. It’s a layered iced espresso drink with real cocoa, creamy milk, and just enough sweetness to balance the bitterness. No syrup shortcuts, just coffee, cocoa, and technique.

The Iced Mexican Cocoa Coffee uses 1.5oz espresso, 5oz cold milk, 1/3oz sugar syrup, 20g Mexican cocoa powder, ice, and topped with whipped cream. That’s your full recipe in one line—with exact measurements for perfect results.

What Is Iced Mexican Cocoa Coffee?

Iced Mexican Cocoa Coffee (or Iced Mexican Cocoa Coffee) is a cold espresso-based drink originating from blended coffee traditions that mix bold coffee with cocoa. It combines 1.5 ounces of espresso with 5 ounces of cold milk, 1/3 ounce of sugar syrup, and 20 grams of Mexican cocoa powder, served over ice and topped with whipped cream. The cocoa is stirred into the milk and syrup mixture, which is gently heated—not boiled—to around 40°C to dissolve fully.

Why This Recipe Works

This drink works because it balances strong espresso with the smooth bitterness of cocoa and the creaminess of cold milk. The sugar syrup adds just enough sweetness to highlight the cocoa without overpowering the coffee. Using real cocoa powder (not hot chocolate mix) gives a deeper, more complex flavor, and the whipped cream adds a light contrast on top. It’s essentially a chilled mocha with better texture and less sugar.

How to Make Iced Mexican Cocoa Coffee – Step by Step

Follow these steps to replicate the cafe-style drink exactly:

• Step 1: Pull the Espresso
  Pull 1 ounce (30ml) of espresso using 7 grams of espresso coffee. Extract directly over ice to cool it quickly, or brew as normal and then chill with ice cubes.
• Step 2: Prepare the Cocoa-Milk Mix
  In a steaming pitcher, combine 5 ounces of cold milk, 1/3 ounce (about 10ml) of sugar syrup, and 20 grams of Mexican cocoa powder. Use the steam wand to gently heat the mixture to around 40°C, stirring to fully dissolve the cocoa. Do not let it boil.
• Step 3: Assemble the Drink
  Fill a glass 80% full with ice cubes. Pour the cocoa-milk mixture into the glass first, then add the chilled or iced espresso on top. This layering creates a visual contrast and flavor progression.
• Step 4: Garnish
  Top with a dollop of whipped cream (textured milk foam) and sprinkle a little more Mexican cocoa powder on top for aroma and presentation.

What Glass Should You Use?

The recommended serving vessel is a clear glass coffee cup. This lets you see the layered effect of the espresso, cocoa-milk mix, and whipped cream—key for the drink’s visual appeal. A rocks glass or highball also works if you don’t have a specialty coffee cup.

What’s the Best Espresso for This Drink?

Since this is an iced espresso drink with cocoa, you want a blend with good body and mild acidity to complement the chocolate. A traditional dark or medium-dark roast works well. Avoid overly bright or fruity espressos unless you’re going for contrast on purpose.

Frequently Asked Questions

Can I use instant cocoa powder or hot chocolate mix instead of Mexican cocoa powder?

No, for best results use real Mexican cocoa powder. Instant or hot chocolate mixes often contain sugar, milk powder, or emulsifiers that will throw off the balance of this recipe. The recipe specifies “Mexican,” which refers to a pure, unsweetened cocoa powder with robust flavor—ideally natural or lightly Dutch-processed.

Do I have to heat the cocoa and milk mixture?

Yes, the recipe calls for heating the milk, sugar syrup, and cocoa powder together to around 40°C using a steam wand. This helps dissolve the cocoa fully. Do not boil it. If you don’t have a steam wand, use a small saucepan and stir constantly over low heat.

Can I make this drink ahead of time?

Not really. The cocoa mixture should be fresh, and the espresso is best used immediately or chilled over ice right after pulling. Pre-mixing everything can lead to flavor degradation or separation, especially with the cocoa.

What’s the role of the sugar syrup here?

The 1/3 ounce (about 10ml) of sugar syrup adds sweetness to balance the bitterness of the espresso and cocoa. It’s a common barista tool for precise control—you could substitute with simple syrup (1:1 sugar and water, pre-mixed).

Can I use a different type of milk?

Yes, you can use any cold milk you prefer—dairy or plant-based. The original recipe simply says “,” which translates to cold fresh milk. Each milk type will change the mouthfeel and flavor slightly, but the overall recipe structure remains the same.

Recommended FrontStreet Beans for Iced Mexican Cocoa Coffee

For this cocoa-forward iced espresso drink, try FrontStreet Coffee’s Classic Blend—a well-rounded espresso with deep chocolate and nutty tones that pair naturally with cocoa powder. If you want a richer, darker profile, their Black Cocoa Blend offers bold, earthy flavors with a hint of dark chocolate, ideal for standing up to the drink’s sweetness. Both blends produce the thick crema needed for a balanced shot, even when brewed over ice. Freshly roasted within 5 days · Orders placed before 17:00 ship the same day · Next-day delivery across most of Guangdong Province.