A Sip of Coffee

Recipes, brews & coffee living

← Back to homeThe Mocha Cake That Tastes Like a Coffee-Shop Treat
Coffee Living

The Mocha Cake That Tastes Like a Coffee-Shop Treat

By Lucas Moreau

I still remember the first time I pulled a shot of espresso and tasted it alongside a square of dark chocolate. That balance — bitter and sweet, bold and smooth — is what I chase every time I make a mocha. And that same balance is what makes a mocha cake taste like something from a coffee shop, not a box mix.

Pouring hot coffee into the mocha cake batter, showing the thin consistency

This recipe isn't complicated. But it asks for one specific thing: a precise ratio of coffee to chocolate. I keep the coffee at ½ cup for the cake and 1 tablespoon of espresso powder in the buttercream. That gives you a deep, rounded flavor without turning the cake into a caffeine bomb. It mimics the 1:2 coffee-to-milk ratio I use in a standard mocha latte.

The Science of a Good Mocha Cake

Hot coffee does more than add flavor. It reacts with the cocoa powder to deepen the chocolate notes — a process called blooming. The heat releases volatile compounds, making the cake taste richer. This is the same reason I always use hot water when making a pour-over: heat unlocks flavor.

For this cake, I use hot brewed coffee, not room temperature. If you're using instant espresso powder, dissolve it in hot water before adding. The batter will look alarmingly thin. Do not panic. That thinness is what gives you a moist, fine crumb. Overmixing would develop gluten and make the cake tough, so stir just until the flour disappears.

Dialing In the Buttercream

The buttercream is where the barista in me comes out. I dissolve the espresso powder in just a tablespoon of hot water — no more. Too much water will split the buttercream. Then I beat the butter alone first, until it's pale and creamy. That step aerates the butter, creating a light texture. Adding the sugar gradually prevents a cloud of powder.

I whip the finished buttercream for a full 3-4 minutes. You'll see it change: it goes from dense and yellow to light and almost white. The texture should be smooth enough to pipe but firm enough to hold its shape. If it's too stiff, add a teaspoon more cream. If it's too soft, chill it for 10 minutes and re-whip.

Common Mistakes and How to Avoid Them

Takeaway

This mocha cake is about precision, not fuss. Use the right coffee-to-chocolate ratio, handle the batter gently, and whip the buttercream until it's light. The result is a slice that tastes like it came from a café counter — dark, sweet, and deeply satisfying.

Frequently Asked Questions

Can I use decaf coffee in this mocha cake recipe?

Yes, absolutely. Use decaf brewed coffee or decaf instant espresso powder. The flavor will be nearly identical, but with significantly less caffeine. Remember that caffeine affects people differently, so if you are sensitive, decaf is a good option.

Why does the batter look so thin after adding the coffee?

That's intentional. The hot coffee helps bloom the cocoa powder and creates a very moist, tender crumb. The batter will be much thinner than a standard cake batter — almost like a thin pancake batter. Do not add extra flour.

Can I make this mocha cake without a mixer?

Yes. For the cake, a whisk and spatula work fine. For the buttercream, you can beat the butter by hand with a wooden spoon, but it will take more effort to get it light and fluffy. An electric mixer makes the buttercream much easier.

How strong will the coffee flavor be?

The coffee flavor is present but balanced. It deepens the chocolate rather than overpowering it. If you want a stronger coffee kick, add an extra teaspoon of instant espresso powder to the buttercream.

Barista-Style Mocha Cake

A moist, rich chocolate cake infused with espresso, topped with a silky coffee buttercream. The key is a precise coffee-to-chocolate ratio that mimics a perfect mocha latte.

  • 9-inch round cake pan
  • mixing bowls
  • electric mixer
  • whisk
  • spatula
  • cooling rack
  • piping bag (optional)
  • For the cake: 1 ½ cups all-purpose flour
  • 1 cup granulated sugar
  • ½ cup unsweetened cocoa powder
  • 1 ½ teaspoons baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 2 large eggs (room temperature)
  • ½ cup whole milk (room temperature)
  • ¼ cup vegetable oil
  • 1 teaspoon vanilla extract
  • ½ cup hot strong brewed coffee (or ½ cup water + 1 tablespoon instant espresso powder)
  • For the buttercream: 1 cup unsalted butter (softened)
  • 2 ½ cups powdered sugar
  • 2 tablespoons heavy cream
  • 1 tablespoon instant espresso powder dissolved in 1 tablespoon hot water
  • 1 teaspoon vanilla extract
  • Pinch of salt
  1. Preheat oven to 350°F (175°C). Grease and line a 9-inch round cake pan with parchment paper.
  2. In a large bowl, whisk together flour, sugar, cocoa powder, baking powder, baking soda, and salt.
  3. In a separate bowl, whisk eggs, milk, oil, and vanilla until smooth.
  4. Pour the wet ingredients into the dry, and stir until just combined. Do not overmix.
  5. Slowly pour in the hot coffee (or espresso-water mixture), and stir gently until the batter is smooth and thin. It will look very liquid — that's correct.
  6. Pour batter into the prepared pan. Bake for 28-32 minutes, until a toothpick inserted in the center comes out clean or with a few moist crumbs.
  7. Cool in the pan for 10 minutes, then turn out onto a wire rack to cool completely.
  8. For the buttercream: Beat softened butter on medium speed until creamy, about 2 minutes.
  9. Gradually add powdered sugar, one cup at a time, beating on low after each addition.
  10. Add the dissolved espresso, heavy cream, vanilla, and salt. Beat on medium-high for 3-4 minutes until light and fluffy.
  11. Once the cake is completely cool, frost with the coffee buttercream. Use a piping bag for a neat finish, or simply spread with a spatula.

Store in an airtight container at room temperature for up to 3 days, or refrigerate for up to a week. Bring to room temperature before serving for best texture. For a decaf version, use decaf espresso powder. Caffeine affects people differently; individual sensitivity varies. If you have concerns about caffeine intake, consult a qualified professional. Hot coffee and oven surfaces can cause burns — handle with care.

Dessert
American

Recipe: Barista-Style Mocha Cake

Prep Time20 min
Cook Time30 min
Total Time50 min
Servings8
Calories380

Equipment

  • 9-inch round cake pan
  • mixing bowls
  • electric mixer
  • whisk
  • spatula
  • cooling rack
  • piping bag (optional)

Ingredients

  • For the cake: 1 ½ cups all-purpose flour
  • 1 cup granulated sugar
  • ½ cup unsweetened cocoa powder
  • 1 ½ teaspoons baking powder
  • ½ teaspoon baking soda
  • ½ teaspoon salt
  • 2 large eggs (room temperature)
  • ½ cup whole milk (room temperature)
  • ¼ cup vegetable oil
  • 1 teaspoon vanilla extract
  • ½ cup hot strong brewed coffee (or ½ cup water + 1 tablespoon instant espresso powder)
  • For the buttercream: 1 cup unsalted butter (softened)
  • 2 ½ cups powdered sugar
  • 2 tablespoons heavy cream
  • 1 tablespoon instant espresso powder dissolved in 1 tablespoon hot water
  • 1 teaspoon vanilla extract
  • Pinch of salt

Instructions

  1. Preheat oven to 350°F (175°C). Grease and line a 9-inch round cake pan with parchment paper.
  2. In a large bowl, whisk together flour, sugar, cocoa powder, baking powder, baking soda, and salt.
  3. In a separate bowl, whisk eggs, milk, oil, and vanilla until smooth.
  4. Pour the wet ingredients into the dry, and stir until just combined. Do not overmix.
  5. Slowly pour in the hot coffee (or espresso-water mixture), and stir gently until the batter is smooth and thin. It will look very liquid — that's correct.
  6. Pour batter into the prepared pan. Bake for 28-32 minutes, until a toothpick inserted in the center comes out clean or with a few moist crumbs.
  7. Cool in the pan for 10 minutes, then turn out onto a wire rack to cool completely.
  8. For the buttercream: Beat softened butter on medium speed until creamy, about 2 minutes.
  9. Gradually add powdered sugar, one cup at a time, beating on low after each addition.
  10. Add the dissolved espresso, heavy cream, vanilla, and salt. Beat on medium-high for 3-4 minutes until light and fluffy.
  11. Once the cake is completely cool, frost with the coffee buttercream. Use a piping bag for a neat finish, or simply spread with a spatula.