This easy mocha cake recipe makes a tender two-layer chocolate cake infused with hot brewed coffee and finished with silky mocha buttercream. The preparation takes about 20–25 minutes, the cake bakes for 30–35 minutes, and the complete recipe yields 10–12 servings for a total time of approximately 1 hour 45 minutes to 2 hours.
Hot coffee deepens the flavor of the cocoa without making the cake taste sharply like coffee, while instant espresso in the buttercream gives every bite its unmistakable mocha character. The crumb is soft, moist, and rich, and the frosting is creamy enough for easy spreading but sturdy enough to hold a beautiful layer cake finish.
This mocha cake brings together two flavors that naturally belong in the same dessert: deep cocoa and aromatic coffee. The hot brewed coffee intensifies the chocolate taste, creating a cake that feels especially rich without requiring melted chocolate or complicated techniques.
The batter comes together in one large bowl with everyday ingredients. It is thin compared with many traditional cake batters, but that loose consistency is exactly what helps produce a moist, tender crumb after baking.
The mocha buttercream is equally approachable. Softened butter, cocoa, confectioners’ sugar, vanilla, and dissolved instant espresso create a smooth frosting with a balanced coffee finish.
This recipe is also flexible enough for many occasions. Make it as a birthday cake, serve it after a dinner party, or decorate it simply with chocolate curls for an inviting weekend dessert.
Ingredients You’ll Need
Gather the ingredients before beginning, especially because the cake batter mixes quickly. Use natural unsweetened cocoa powder unless your preferred brand specifies otherwise, and measure the flour carefully for the most reliable texture.
Dry ingredients: All-purpose flour, unsweetened cocoa powder, granulated sugar, baking soda, baking powder, and fine salt build the structure and chocolate flavor.
Wet ingredients: Eggs, buttermilk, neutral vegetable oil, vanilla, and hot brewed coffee give the cake richness, moisture, and tenderness.
Frosting ingredients: Unsalted butter, sifted confectioners’ sugar, cocoa powder, instant espresso or coffee, hot water, vanilla, salt, and a little cream or milk make the mocha buttercream.
Buttermilk provides gentle acidity that works with the baking soda and also keeps the crumb soft. If needed, sour cream or plain yogurt can replace the buttermilk, although the batter consistency may be slightly different.
For the coffee, use freshly brewed coffee that is hot but not aggressively boiling. A medium or dark roast works well, and decaffeinated coffee is perfectly suitable if you want the chocolate flavor without as much caffeine.
If you want a bolder mocha profile, add 1–2 teaspoons of espresso powder to the dry cake ingredients as a variation, while still using the hot brewed coffee listed in the recipe. The buttercream already contains 1–2 tablespoons of instant espresso powder or instant coffee for its main coffee flavor.
How to Make It Step-by-Step
Step 1: Heat the oven to 350°F (175°C), then grease and line two 8-inch or 9-inch round cake pans. The parchment circles make it easier to release the delicate chocolate layers, while greasing the sides helps prevent sticking.
Step 2: In a large mixing bowl, whisk together the flour, cocoa powder, granulated sugar, baking soda, baking powder, and fine salt. Break up any cocoa lumps as you whisk so the finished cake has an even color and texture.
Step 3: Add the eggs, buttermilk, neutral oil, and vanilla extract to the dry mixture. Mix just until combined, stopping as soon as no large streaks of dry flour remain; overmixing can make the cake less tender.
Step 4: Gradually stir the hot brewed coffee into the batter. Pour slowly while mixing so the liquid incorporates smoothly, and do not worry when the batter looks quite thin because this is normal for the recipe.
Step 5: Divide the batter evenly between the prepared pans. Bake for approximately 30–35 minutes, checking near the end with a toothpick inserted into the center; it should come out with a few moist crumbs rather than wet batter.
Step 6: Let the cakes cool in their pans for 10 minutes. Turn them out onto wire racks and allow them to cool completely before adding frosting, since even slightly warm layers can melt the buttercream and cause the cake to slide.
Step 7: While the cakes finish cooling, beat the softened butter until light and creamy. Dissolve the instant espresso powder or instant coffee in the hot water, then add that mixture with the cocoa, vanilla, salt, and about half of the sifted confectioners’ sugar.
Step 8: Beat in the remaining confectioners’ sugar until the frosting is thick and smooth. Add the heavy cream or milk gradually, 1 tablespoon at a time, until the buttercream reaches a soft, spreadable consistency.
Step 9: Put one completely cooled cake layer on a serving plate and spread an even layer of mocha buttercream over the top. Set the second layer in place, then frost the top and sides, using a spatula to create smooth sides or decorative swirls.
Decorating and Serving Ideas
This cake does not need elaborate decoration to look special. A smooth coat of mocha buttercream topped with chocolate curls, a light dusting of cocoa powder, or a few chocolate-covered coffee beans gives it a polished finish.
For clean slices, chill the frosted cake briefly before cutting it with a sharp knife. Wipe the blade between cuts to keep the chocolate layers and coffee frosting distinct.
Pipe small buttercream rosettes around the border.
Scatter finely chopped chocolate over the top.
Add a thin drizzle of chocolate ganache after the cake is frosted.
Serve each slice with lightly sweetened whipped cream.
If you enjoy classic celebration cakes, you may also like our easy King Cake recipe for another festive baking project. For a lighter cake style, our simple sponge cake guide offers a useful contrast to this rich chocolate dessert.
Pro Tips for the Best Mocha Cake
Room-temperature eggs and buttermilk blend more easily with the oil, helping the batter come together without excessive mixing. The butter for the frosting should be softened enough to beat smoothly, but it should not be melted or greasy.
Sift the confectioners’ sugar before adding it to the buttercream. This small step reduces lumps and makes it easier to achieve a satiny frosting with less beating.
Use a light hand when dividing the batter between the pans. If you have a kitchen scale, weighing the batter into each pan is the simplest way to create layers of equal height.
Most importantly, cool the cake completely before frosting. Warm cake layers soften the buttercream, smear the crumb into the frosting, and can make the stacked layers move out of alignment.
The coffee is there primarily to support the cocoa. If you prefer a subtle mocha flavor, use 1 tablespoon of instant espresso powder in the buttercream; for a more pronounced coffee note, use 2 tablespoons.
Storage and Make-Ahead Advice
Keep the finished cake covered so the exposed crumb does not dry out. Because the frosting contains butter and dairy, refrigerate the cake for longer storage, then let it stand at room temperature before serving so the buttercream becomes creamy again.
The unfrosted cake layers can be wrapped well once completely cool and held for later assembly. You can also prepare the buttercream ahead, refrigerate it in an airtight container, and beat it briefly again before spreading if it becomes firm.
For another fruit-forward celebration bake, take a look at our easy fruit cake recipe. It has a very different flavor profile, but it is another dependable option when you want a homemade cake that serves a crowd.
When serving leftovers, allow refrigerated slices to sit out for a little while before eating. This brings back the soft texture of the cake and the smooth, buttery consistency of the mocha frosting.
Easy Mocha Cake Recipe
A tender two-layer chocolate cake made with hot coffee and covered in smooth mocha buttercream. This from-scratch cake serves about 10–12 people and is ideal for birthdays, dinner parties, or relaxed weekend baking.
1-2tablespoonsInstant espresso powder or instant coffee
1tablespoonHot water
1teaspoonVanilla extract
2-4tablespoons, as neededHeavy cream or milk
1pinchSalt
Method
Step-by-Step
Heat the oven to 350°F (175°C). Grease and line two 8-inch or 9-inch round cake pans with parchment.
Whisk together the flour, cocoa powder, sugar, baking soda, baking powder, and salt in a large bowl.
Add the eggs, buttermilk, oil, and vanilla, then mix just until the ingredients are combined.
Gradually stir the hot brewed coffee into the batter. The batter will be thin, which is normal for this moist chocolate cake.
Divide the batter between the prepared pans and bake for 30–35 minutes, or until a toothpick inserted in the center comes out with a few moist crumbs.
Cool the cakes in their pans for 10 minutes, then turn them out onto wire racks and cool completely.
Beat the softened butter until light. Dissolve the instant espresso powder or instant coffee in the hot water, then add it to the butter with the cocoa, vanilla, salt, and about half of the confectioners’ sugar.
Beat in the remaining confectioners’ sugar, adding the cream or milk gradually until the frosting is smooth and spreadable.
Place one cake layer on a serving plate, spread it with frosting, add the second layer, and frost the top and sides.
Notes
Do not frost the cake until the layers are completely cool, or the buttercream may melt and the cake may slide. For a stronger coffee flavor, use the full 2 tablespoons of instant espresso powder in the buttercream. Store the covered cake at room temperature for a short serving period or refrigerate it for longer storage, allowing it to soften before serving.
Final Thoughts
This easy mocha cake recipe delivers the luxurious flavor of a bakery-style chocolate coffee cake with straightforward mixing and simple decorating. Hot coffee strengthens the cocoa, buttermilk keeps the crumb tender, and the espresso buttercream supplies a creamy mocha finish in every slice.
Give the cake enough cooling time, add the cream gradually to the frosting, and resist the temptation to frost warm layers. Those small details make the finished cake easier to assemble and help it stay neat when sliced.
Serve it plain for an elegant dessert, or finish it with chocolate curls and coffee beans when you want a more celebratory presentation. Either way, this is the kind of chocolate cake that invites everyone back for one more piece.
