If you are a coffee lover, this chocolate mocha cake will quickly become your favorite cake recipe. This recipe is made with a moist chocolate mocha cake, iced in coffee buttercream frosting, and dusted in espresso powder. So if you need a sugar and caffeine fix, give this recipe a try!
Chocolate Mocha Cake
Two of the best things in the world are coffee and chocolate (at least in my world). This cake takes these two delicious flavors and pairs them together to make the perfect cake for coffee lovers.
The dark chocolate cake gets its mocha flavor from instant espresso powder which also enhances the chocolate flavor. The real coffee flavor comes from the coffee buttercream, also made with instant espresso powder. Because we just can’t get enough coffee, let’s add a sprinkle of even more espresso powder.
This cake may give you the jitters, but it is so worth it! Be sure to check out my recipe for mocha cupcakes if you are looking for the same great taste is small, portable form.
Ingredients for Chocolate Mocha Cake
Chocolate Mocha Cake
- All-purpose flour
- Granulated sugar
- Dark cocoa powder: Use dark cocoa powder for the best chocolate flavor. My favorite is Hershey’s Special Dark Cocoa Powder which is a dutch-processed cocoa powder.
- Baking soda + baking powder
- Salt
- Milk: Room temperature milk or buttermilk.
- Eggs: Large eggs, room temperature.
- Vegetable oil: Or your preferred neutral baking oil.
- Vanilla extract: Pure vanilla extract enhances the flavor of the chocolate.
- Boiling water: Hot water helps bring the batter together.
- Instant espresso powder: Be sure to use instant espresso powder.
Coffee Buttercream Frosting
- Unsalted butter: Room temperature, softened butter.
- Powdered sugar: Also known as confectioners’ sugar or icing sugar.
- Instant espresso powder: Be sure that it is instant espresso. Espresso grounds will not work in this recipe.
- Vanilla extract: Pure vanilla extract adds great underlying vanilla flavor.
- Salt: A pinch of salt balances out the frosting.
- Heavy cream: Use heavy cream or heavy whipping cream to make the buttercream smooth and creamy.
Tools & Supplies for Making Chocolate Mocha Cake
How to Make Chocolate Mocha Cake
- Preheat oven to 350 degrees F and prepare three 7-inch cake pans with nonstick cooking spray and parchment paper circles.
- In a large bowl, whisk together the dry ingredients (all-purpose flour, granulated sugar, dark cocoa powder, baking soda, baking powder, and salt).
- Add in eggs, milk, vegetable oil, and vanilla extract. Whisk to combine.
- Combine boiling water and espresso powder. Add this mixture to the cake batter and gently whisk until the batter is combined and smooth.
- Pour the batter into the prepared pans. Use a kitchen scale to weigh the batter for even layers.
- Bake the cake layers for approximately 30 minutes.
- Cool the cakes in the pan for 15 minutes before removing and transferring to a wire rack to cool completely.
How to Make Coffee Buttercream Frosting
To make the coffee buttercream frosting, I recommend using a stand mixer fitted with a paddle attachment for the best results. You could also use an electric hand mixer.
- Whip the room temperature butter for about 5 minutes until it is light, fluffy, and pale in color.
- Add powdered sugar in two batches, mixing on low speed in between each addition.
- Add in the instant espresso powder, vanilla extract, and salt, continuing to mix on low speed.
- Drizzle in the heavy cream and continue to mix on low until combined.
- Turn the mixer to medium speed and whip the buttercream for about 3 to 5 minutes, until the instant espresso powder granules are fully dissolved and the buttercream is smooth.
How to Assemble the Chocolate Mocha Cake
- Level the cooled chocolate mocha cake layers with a serrated knife.
- Place one cake layer on a round cake board. Add desired amount of coffee buttercream to the top of the layer and spread evenly with an offset spatula.
- Add the second cake layer, more coffee buttercream, and spread evenly with an offset spatula.
- Add the final cake layer to the top of the cake. Be sure the bottom of the cake layer is facing up.
- With an offset spatula, add a crumb coat, a thin layer of frosting, to the top and sides of the cake. Use a cake scraper to remove excess frosting to smooth the sides. Chill the cake for 20 minutes to firm the buttercream.
- Add a generous layer of the coffee buttercream to the chilled cake with an offset spatula. Use a cake scraper to remove excess buttercream and smooth the sides of the cake. Chill for an additional 20 minutes.
- Fill a piping bag fitted with an Ateco 869 piping tip with the remaining coffee buttercream. Pipe a border of buttercream around the top edge of the cake. Use a fine mesh sieve to dust the top of the cake with instant espresso powder.
Check out my baking tutorial blog post on how to frost a layer cake to learn all of the steps involved in filling, stacking, and frosting a basic layer cake to learn more!
Cake Recipe Tips
- To create even layers of frosting in between chocolate cake layers, use a large cookie scoop to portion the buttercream. With even layers of buttercream, the cake slices will look stunning!
- The cake can be stored in an airtight container in the refrigerator for up to 5 days. Cover any exposed cake in plastic wrap to prevent the cake from drying out.
- The cake is best enjoyed at room temperature. Remove the cake from the refrigerator at least an hour before serving.
Click here to see a quick video on how I frosted this chocolate mocha cake! Follow Cake Me Home Tonight on TikTok, Instagram, and YouTube for more recipe videos and baking tutorials!Â
Chocolate Mocha Cake
Equipment
- 3 7-inch round cake pans
- Stand mixer fitted with a paddle attachment
Ingredients
Chocolate Mocha Cake
- 2 cups all-purpose flour
- 2 cups granulated sugar
- ¾ cup dark cocoa powder
- 2 tsp baking soda
- 1 tsp baking powder
- 1 tsp salt
- 2 eggs room temperature
- 1 cup buttermilk room temperature
- ½ cup vegetable oil
- 2 tsp vanilla extract
- 1 cup boiling water
- 1 tbsp instant espresso powder
Coffee Buttercream Frosting
- 2 cups unsalted butter room temperature
- 5 cups powdered sugar
- 2 tbsp instant espresso powder
- 1 tbsp vanilla extract
- ½ tsp salt
- ¼ cup heavy cream
Instructions
Chocolate Mocha Cake
- Preheat oven to 350° F. Prepare three 7-inch round cake pans using nonstick cooking spray and parchment circles.
- In a large mixing bowl, whisk together the all-purpose flour, granulated sugar, dark cocoa powder, baking soda, baking powder, and salt.
- Add in the room temperature eggs, buttermilk, vegetable oil, and vanilla extract. Whisk until the dry and wet ingredients are well combined.
- Add the espresso powder to the boiling water. Pour the water into the cake batter and gently whisk until the water and cake batter are combined and smooth.
- Divide cake batter between the three prepared 7-inch cake pans. Use a kitchen scale to create even layers. Bake the cakes for approximately 30 minutes in the oven until the cakes spring back when gently touched or toothpick comes out clean.
- Remove pans from the oven and allow the cake layers to cool in the pan for about 15 minutes before transferring to a wire rack to cool completely.
Coffee Buttercream Frosting
- In the bowl of a stand mixer fitted with a paddle attachment, whip the butter for 5 minutes on medium-high speed, scraping down the sides occasionally, until the butter is light, fluffy, and pale in color.
- Add one half of the powdered sugar and mix on the lowest speed setting until fully combined. Add remaining powdered sugar and continue to mix on low until incorporated.
- Add the instant espresso powder, vanilla extract, and salt and mix on low until combined.
- Slowly drizzle in the heavy cream while mixing on low speed. Scrape the sides of the bowl occasionally to ensure the frosting is well mixed.
- Once the heavy cream is added, turn the speed on the mixer to medium and mix for an additional 3 to 5 minutes until smooth. If there are still instant espresso powder granules present, turn the mixer on low speed and continue to mix until they are fully dissolved.
Assembling the Chocolate Mocha Cake
- Level the cooled chocolate mocha cake layers with a serrated knife.
- Place one cake layer on a round cake board. Add desired amount of frosting to the top of the layer and spread evenly with an offset spatula. I like to use a large cookie scoop to portion the buttercream for even layers of frosting between cake layers.Â
- Add the second cake layer, more coffee frosting and spread the frosting evenly with an offset spatula. Add the final cake layer to the top of the cake. Be sure the bottom of the cake layer is facing up.
- With an offset spatula, add a crumb coat, a thin layer of frosting, to the top and sides of the cake. Use a cake scraper to remove excess buttercream and to smooth the sides. Chill the cake for 20 minutes to firm the buttercream.
- Add a generous layer of frosting to the chilled cake with an offset spatula. Use a cake scraper to remove excess frosting and smooth the sides of the cake. Chill for an additional 20 minutes.
- Use a piping bag fitted with an Ateco 869 piping tip to create a border of the coffee buttercream around the top edge of the cake. Use a fine mesh sieve to add a dusting of instant espresso powder on the top of the cake.
Notes
Made This Recipe?
Be sure to follow on Pinterest @Cakemehometonight and on Instagram @cake_me_home_tonight
Comments & Reviews
Hey the recipe looks great. I’m in Australia and I just want to let you know that the auto metric conversions seem pretty accurate based on metric cups converted to grams. The only exception is the instant coffee. One tablespoon in metric is equivalent to 4 teaspoons in US. So, for your recipe (and I mean it’s not a huge difference) is that instead of one metric tablespoon of coffee, you’d do 3 teaspoons. I hope this helps someone.
Thanks for sharing your recipe. I’m going to have a go at making this gluten free for church on Sunday. I’ll let you know if I have success. I have (Australian) Aldi w4w GF flour. Fingers crossed. The fun is in the experimenting hey?!
Hi Kelly! Thank you so much! The conversions are done through a plugin, so it is difficult for me to see if they are always 100% accurate. I always appreciate the feedback and any corrections that need to be addressed. Yes! Please let me know how it goes! I’m not a gluten-free baker, so I love to see when my recipes are translated into GF ones!
I don’t have 7 inch pans. Will 8 inch be okay and should i decrease cooking time
Thank you
Hi Stephanie! Yes, you will want to decrease the time a bit. Check the cake about 5 minutes sooner. You can either test with a toothpick or gently touch the top of the cake with your finger. If the cake springs back, it’s good to go!