Here’s a rich and indulgent Mocha Layer Cake recipe – soft chocolate cake layers filled and frosted with a creamy mocha buttercream. Perfect for coffee and chocolate lovers
🍰 Mocha Layer Cake
Cake Ingredients (makes 2 or 3 layers)
-
2 cups (250 g) all-purpose flour
-
2 cups (400 g) sugar
-
¾ cup (65 g) unsweetened cocoa powder
-
2 tsp baking powder
-
1 ½ tsp baking soda
-
1 tsp salt
-
1 cup (240 ml) buttermilk (or 1 cup milk + 1 tbsp vinegar, rested 5 min)
-
½ cup (120 ml) vegetable oil
-
2 large eggs
-
2 tsp vanilla extract
-
1 cup (240 ml) hot brewed coffee (strong)
Mocha Buttercream Frosting
-
1 cup (230 g) unsalted butter, softened
-
4 cups (500 g) powdered sugar
-
½ cup (40 g) unsweetened cocoa powder
-
1 tsp vanilla extract
-
2–3 tbsp strong brewed coffee (cooled) or espresso
-
2–3 tbsp heavy cream (as needed)
Instructions
1. Make the Cake
-
Preheat oven to 350°F (175°C). Grease and line two or three 8-inch round cake pans.
-
In a large bowl, whisk together flour, sugar, cocoa, baking powder, baking soda, and salt.
-
Add buttermilk, oil, eggs, and vanilla. Mix until combined.
-
Slowly pour in hot coffee, mixing on low until smooth (batter will be thin).
-
Divide batter into pans and bake for 30–35 minutes, or until a toothpick comes out clean.
-
Let cakes cool completely before frosting.
2. Make the Frosting
-
Beat butter until creamy (about 2 minutes).
-
Add powdered sugar and cocoa gradually.
-
Mix in vanilla and coffee. Adjust consistency with cream until fluffy and spreadable.
3. Assemble the Cake
-
Level cooled cake layers if needed.
-
Spread frosting between each layer.
-
Frost outside of cake and smooth with a spatula.
-
Optional: decorate with chocolate shavings, cocoa dusting, or a drizzle of ganache.