Mocha Cake: Rich Chocolate Coffee Layer Cake

The Mocha Cake That Tastes Like Your Favorite Coffee Shop

If you have ever sat in a cozy café with a rich mocha in one hand and a slice of chocolate cake in front of you, this recipe is basically that moment in dessert form. This mocha cake layers deeply fudgy chocolate sponge with a silky, coffee-forward espresso buttercream that somehow manages to be both bold and elegant at the same time.

This is not a shy cake. The cocoa is deep, the coffee is present, and every single bite reminds you exactly why chocolate and coffee are one of the greatest flavor pairings in existence. It is stunning enough for a birthday centerpiece and weeknight-friendly enough to justify on a random Tuesday.

Why Hot Espresso Goes Into the Batter

Here is a question people always ask: why pour hot coffee into cake batter? The answer is simple and delicious. Hot liquid blooms the cocoa powder, drawing out its fullest, most intense chocolate flavor. It also keeps the crumb incredibly moist and tender.

You do not need a fancy espresso machine. A strong pot of drip coffee or a few packets of instant espresso stirred into hot water works beautifully. The key is that it is hot when it hits the batter.

Chef's Tip: Do not panic when you see how thin the batter looks after adding the espresso. That runny consistency is exactly right and it bakes up into the most luscious, dense crumb.

The right tools and a quality espresso powder make a genuine difference in this recipe. A good stand mixer will give your buttercream that impossibly fluffy texture, and Dutch-process cocoa delivers the deep, dark chocolate flavor that makes this cake so special.

Tools & Ingredients We Recommend

Small Bowls Set

Mixing Bowls

Paelluxe Paella Pan

Building the Espresso Buttercream

The frosting is where the mocha magic really lives. This is a classic American-style buttercream, but elevated. Dissolving espresso powder in a small splash of warm water before adding it to the butter ensures every bite of frosting is infused with smooth, even coffee flavor rather than gritty pockets.

A few things to keep in mind:

• Start with truly softened butter. Cold butter will not whip properly and you will end up with a lumpy, dense frosting.
• Sift the powdered sugar. It takes 30 seconds and prevents clumps entirely.
• Beat it long enough. Give the buttercream a solid 3 to 4 minutes after adding all the ingredients. It should look pale, airy, and almost cloud-like before you use it.

If you want to take things over the top, a simple chocolate ganache drip along the edges adds a dramatic, bakery-worthy finish that takes about five extra minutes.

Tips for Perfect Layers

Getting even, flat cake layers is easier than it looks with a couple of small habits. Divide the batter as evenly as possible between the two pans, and give each pan a gentle tap on the counter to release any air bubbles. Once baked, let the layers cool completely before frosting. Warm cake will melt buttercream into a sliding, soggy mess, and patience here is genuinely rewarded.

If your layers baked up with a dome in the center, a serrated knife can level them flat in about 10 seconds. Save the scraps for snacking, obviously.

Chef's Tip: For the cleanest slices, refrigerate the finished cake for at least 30 minutes before cutting. Run your knife under hot water and wipe it dry between each slice.

Ready to bake the best mocha cake of your life? Here is everything you need:

Mocha Cake: Rich Chocolate Coffee Layer Cake

This indulgent mocha cake layers moist chocolate sponge with silky espresso buttercream for a café-worthy dessert you can make at home. Perfect for birthdays, celebrations, or any time you need a serious chocolate coffee fix.

Prep:30 mins

Cook:35 mins

Total:65 mins

Yield:12 servings

Cuisine:American

Yield: 12 servingsCalories: 520Protein: 6g

Carbs: 63gFat: 28gSat. Fat: 17gFiber: 2gSugar: 45gSodium: 310mg

Ingredients

Units

USM

Scale

1x2x3x

• 2 cups all-purpose flour, spooned and leveled
• 1 3/4 cups granulated sugar
• 3/4 cup unsweetened cocoa powder, Dutch-process preferred
• 1 1/2 tsp baking soda
• 1 tsp baking powder
• 1/2 tsp salt
• 3 large eggs, room temperature
• 1 cup buttermilk, room temperature
• 1/2 cup vegetable oil
• 2 tsp vanilla extract, pure
• 1 cup hot brewed espresso, or very strong hot coffee
• 1 1/2 cups unsalted butter, softened, for buttercream
• 4 cups powdered sugar, sifted, for buttercream
• 2 tbsp instant espresso powder, dissolved in 2 tbsp warm water, for buttercream
• 3 tbsp heavy cream, for buttercream, plus more as needed
• 4 oz semi-sweet chocolate, finely chopped, for optional ganache drip

Instruction

1

Preheat the oven to 350 degrees F (175 degrees C). Grease and flour two 9-inch round cake pans, then line the bottoms with parchment paper.

2

In a large bowl, whisk together the flour, sugar, cocoa powder, baking soda, baking powder, and salt until fully combined.

3

In a separate bowl, whisk together the eggs, buttermilk, vegetable oil, and vanilla extract until smooth.

4

Pour the wet ingredients into the dry ingredients and stir until just combined. Do not overmix.

5

Carefully stir in the hot espresso. The batter will be thin, this is normal and creates an incredibly moist crumb.

6

Divide the batter evenly between the prepared pans. Bake for 32 to 35 minutes, or until a toothpick inserted in the center comes out with just a few moist crumbs.

7

Let the cakes cool in the pans for 15 minutes, then turn out onto a wire rack and cool completely before frosting.

8

To make the espresso buttercream, beat the softened butter on medium-high speed for 3 to 4 minutes until light and fluffy.

9

Reduce the mixer speed to low and gradually add the sifted powdered sugar, mixing until incorporated.

10

Add the dissolved espresso mixture and heavy cream, then increase speed to medium-high and beat for 2 minutes until the buttercream is silky and spreadable. Add more cream one tablespoon at a time if needed.

11

Place one cooled cake layer on a cake stand or serving plate. Spread a generous layer of espresso buttercream on top.

12

Set the second cake layer on top and frost the entire outside of the cake with the remaining buttercream. Smooth with an offset spatula.

13

Optional: For a ganache drip, heat the heavy cream until steaming, pour over the chopped chocolate, and let sit for 2 minutes before stirring smooth. Drizzle over the top of the frosted cake.

14

Refrigerate for at least 30 minutes before slicing to set the frosting. Bring to room temperature for 20 minutes before serving.

Equipment

• Two 9-inch round cake pans
• Parchment paper
• Stand mixer or hand mixer
• Large mixing bowls
• Rubber spatula
• Offset spatula
• Wire cooling rack
• Cake stand or serving plate
• Toothpick or cake tester

Notes

Store the frosted cake covered in the refrigerator for up to 5 days. For the best texture, always bring slices to room temperature before serving. The unfrosted cake layers can be wrapped tightly in plastic wrap and frozen for up to 2 months. Thaw overnight in the fridge before assembling. If you do not have buttermilk, mix 1 cup of whole milk with 1 tablespoon of white vinegar and let it sit for 5 minutes as a substitute.

Pin This RecipePrint Recipe

Serving and Storing Your Mocha Cake

This cake is best served at room temperature, so pull it from the fridge about 20 minutes before you plan to slice it. The buttercream softens slightly and the chocolate flavor opens up beautifully.

Serving ideas:

• Pair each slice with a shot of espresso or a strong black coffee for full mocha effect.
• A small scoop of vanilla bean ice cream alongside is never a bad idea.
• Dust the top with a little cocoa powder or a few chocolate-covered espresso beans for a clean, café-style presentation.

Leftovers keep covered in the refrigerator for up to 5 days, and individual slices freeze well for up to a month. This is genuinely one of those cakes that tastes even better on day two once all the flavors have had time to settle together.