The best soft, moist, quick and easy chocolate coffee cake recipe from scratch, homemade with simple ingredients. This mocha cake is loaded with chocolate frosting, espresso ganache and decorated with a variety of chocolate chips.
Want to Save This Recipe?
Enter your email & I'll send it to your inbox. Plus, get great new recipes from me every week!
By submitting this form, you consent to receive emails from CakeWhiz
These Coffee Cupcakes (Mocha Cupcakes) and Coffee Pancakes are two of my favorite coffee- based treats but I think today's recipe is even better than those! The coffee flavor in this dessert comes from espresso powder and strong brewed coffee. The chocolate flavor comes from cocoa powder and chocolate chips. It's truly an epic cake and perfect for people who love a caffeine kick.
Jump to:
Key ingredients for mocha cake
- Flour- Don't worry about cake flour here, all-purpose works best.
- Sugar- Granulated or table sugar is all the sweetener needed for this recipe
- Cocoa powder- Adds that chocolatey sweetness when paired with sugar.
- Baking soda and baking powder- Used as rising agents to fluff up the cake.
- Salt- Just a little to complement to the sweetness.
- Eggs- Use large ones at room temperature.
- Buttermilk- If you don't have this on hand, see my notes for a substitute.
- Brewed coffee- Be sure it is strong black coffee at room temperature.
- Oil- Using vegetable oil instead of butter made this cake lighter.
- Vanilla extract- Its warm flavor and aroma harmonizes well with the other ingredients nicely.
- Chocolate buttercream frosting- A classic chocolate go-to in my frosting recipes.
- Chocolate chips- Used for decoration and ganache.
- Heavy cream- Get full fat for best flavor and texture.
- Espresso powder- Great for baking and enhances the chocolate flavor.
- Butter- Use unsalted for best flavor.
Variations for espresso cake
- Easy cake mix version- You can also make this chocolate cake recipe with coffee, using a cake mix box. Follow the recipe for How to Make Cake Mix Better (Taste Homemade),using Devil's food cake mix. The frosting and ganache will be the same as the recipe card below.
- Bundt cake variation- Make this Chocolate Bundt Cake and drizzle espresso/ coffee chocolate ganache on top, using the recipe below. You can even check out these Bundt Cake Decorating Ideas or make it into Mini Bundt Cakes.
- Instead of chocolate buttercream- You can use this Coconut Cream Chocolate Frosting, which is super fudgy and has a hint of coconut flavor. Other options can be Chocolate Whipped Cream, Chocolate Ganache Frosting, Caramel Frosting, or Chocolate Cream Cheese Frosting.
- Add in mini chocolate chips- To the cake batter for extra chocolate and texture.
- Use various different toppings- Including butterscotch chips, peanut butter chips, mini chocolate chips, edible pearls, sprinkles, coconut flakes, Chocolate Bark, crushed candy bars, nuts, and more.
- Add a filling- Such as Whipped Cream, Chocolate Whipped Cream, Caramel Sauce, or Dulce De Leche. You can even try various sprinkles or small candies.
- Try other extracts- Including maple, coffee, almond extracts.
How to make easy chocolate coffee cake recipe from scratch?
- Mix together dry ingredients- Of flour, sugar, cocoa powder, baking powder, baking soda, and salt. Keep aside.
- Mix together wet ingredients- Including eggs, oil, buttermilk, vanilla, and brewed coffee.
- Combine wet and dry mixtures- Then place in prepared pan.
- Bake cakes while you prepare- The frosting and ganache.
- Place one cake on a stand- And top it off with frosting.
- Place other cake on top- Then ice the entire cake.
- Pour ganache over it- And let it drip over the sides.
- Decorate- With chocolate chips and enjoy!
Tips and Techniqes
- Don’t skip any component of this cake- That's because everything is needed to create the best overall flavor and harmony. Leave anything out and the results will be dramatically different.
- What is espresso powder? It is not the same as coffee granules. Espresso granules dissolve in liquid whereas coffee granules do not. You can find espresso powder in the coffee aisle at most grocery stores.
- Don’t replace buttermilk with whole milk- Because buttermilk adds a lot of moisture to the cake and makes it super soft.
- How to make homemade buttermilk? I know this is not an ingredient many of us have on hand all the time, but no worries. Make a great buttermilk substitute at home by mixing together 1 cup whole milk with 1 tablespoon vinegar or lemon juice. Let it sit for 5 minutes. Mix, and then use in this recipe.
- Don’t worry if the batter is thin- You have done nothing wrong and that’s just the way it's supposed to be.
- Don't over-mix batter- Because that yields tough cakes and it can also cause the cake to collapse/sink during baking.
- Decorate it- I kept it simple and decorated with chocolate chips but you can use other candies, chocolate shreds or even sprinkles and fresh flowers.
- Both, baking powder and baking soda, are required- Don't replace one with the other because that will alter the texture of this cake.
- Use room temperature brewed coffee- Because if it's too hot, it will start cooking the eggs in the batter.
- Don't use butter in the cake batter- This is one of the few times I recommend using oil instead of butter because during my experiments, I noticed butter made the cake too dense.
- Don't use dark chocolate- This is with regards to cocoa powder and chocolate chips because it makes the cake too bitter.
- All ingredients should be at room temperature- Because they blend together better this way.
- Don't over-bake cakes- Because that will make them dry.
- Don't ice and assemble a warm cake- Because it has to cool completely first or else the icing will melt off and make a mess.
- Use the back of a spatula- To design a diagonal pattern all around the cake.
Recipe FAQs
This enhances the chocolate flavor.
Yes. It will intensify the chocolate flavor even further.
You will need 1 cup of strong black coffee for this recipe.
No, all three are different. Espresso powder dissolves in liquid whereas coffee granules do not. The powder is made by brewing coffee, then freeze-drying it, which leaves a concentrated powder. Instant coffee is an umbrella term for quick coffee that can be made by simply adding hot water. It can be found as fine powder or larger granules.
Storage
- Refrigerate- Leftovers can be stored in a sealed container in the fridge for up to 3 days.
- Freeze- Leftovers can be stored in a sealed container in the freezer for up to 1 month. I recommend placing the cake and the frosting in separate containers, then when ready, allow them to thaw and decorate per instructions below.
- Room temperature- This can be left out for 2-3 days, covered.
- Make ahead- You can make this cake 3 days before and keep in the fridge until ready to serve. You can also make the cake and frosting up to 1 month before needed. Simply place the cake and frosting in separate sealed containers, then allow to thaw and decorate when ready.
More coffee desserts
- Coffee Brownies (Mocha Espresso Brownies)
- Easy Coffee Truffles (Mocha Espresso Truffles)
- Coffee Fudge (Espresso Fudge)
- Coffee Cookies (Espresso Mocha Cookies)
- Coffee Popsicles (With Iced Coffee)
- Chocolate Coffee Cheesecake (Mocha)
Recipe
Chocolate Coffee Cake
Want to Save This Recipe?
Enter your email & I'll send it to your inbox. Plus, get great new recipes from me every week!
By submitting this form, you consent to receive emails from CakeWhiz
Ingredients
- 1 ¾ cups All-purpose flour
- 2 cups Granulated sugar
- ¾ cup Cocoa powder
- 2 tsp Baking soda
- 1 teaspoon Baking powder
- 1 teaspoon Salt
- 2 Eggs Large
- 1 cup Buttermilk
- 1 cup Brewed black coffee Strong, Room temperature, Not boiling hot
- ½ cup Oil
- 1 teaspoon Vanilla extract
- 3 cups Chocolate buttercream frosting
Espresso Ganache
- 1 cup Chocolate chips
- 1 cup Heavy cream
- 1 tablespoon Espresso powder
- 1 tablespoon Butter Unsalted
Decoration
- 1 cup Chocolate chips Use a variety
Instructions
- In a large mixing bowl, whisk together the flour, sugar, cocoa powder, baking soda, baking powder and salt. Keep aside.
- In another mixing bowl, add eggs, buttermilk, coffee, oil, vanilla extract and mix until smooth.
- Dump dry flour mixture into this wet mixture and mix until just combined.
- Pour batter into two greased and floured round cake pans (Dimensions 8x2 each).
- Bake for 35-40 minutes at 350 degrees F or until an inserted toothpick in the center comes out clean.
- Allow the cakes to cool down completely.
- While the cakes are baking, prepare the chocolate frosting, as per the recipe above but make sure to also add 1 tablespoon espresso powder.
- Also, make the ganache: In a microwave- safe bowl, add chocolate chips, heavy cream, espresso powder and butter. Heat in the microwave at 30 second increments, mixing after each interval. Continue doing this until you have a smooth and creamy mixture.
- Start assembling: Place one cake on a cake stand. Spread frosting on top. Place the other cake on top of the frosting and gently press it to secure it. Then, frost the entire cake in chocolate frosting. Use the back of a spatula to design a diagonal pattern all around the cake. Pour espresso ganache on top of the cake and use a spatula to spread it out and allow it to drip a little along the sides.NOTE: In the pictures above, you will see that my cake is not filled. That's because I decided to make one large round cake instead of two cakes and chose not to add a filling. I just iced the cake, poured ganache and decorated with chocolate chips.
- Toss a variety of chocolate chips on top of the cake for decoration. Enjoy!
Notes
- Espresso powder is not the same as coffee granules and cannot be used interchangeably.
- All ingredients should be at room temperature because they blend together better this way.
- Don't over-bake cakes because that will make them dry.
- Don't ice and assemble a warm cake. It has to cool completely first.
- Read additional tips and variations above.
- Leftovers can be stored in a sealed container in the fridge for up to 3 days.
Nutrition
An automated tool is used to calculate the nutritional information. As such, I cannot guarantee the accuracy of the nutritional information provided for any recipe on this site.
Nasim Khan
Chocolate coffee cake sounds delicious, and top of chocolate chips makes it more awesome, thank you for sharing.
nicole
This cake looks incredibly delicious and SO beautiful! Thank you for sharing, Abeer!
Aubree
The cake was super moist and had a beautiful texture. Just wasn’t quite sweet enough for me. Also only fill the pan half way...it rises a lot.
Abeer Rizvi
You can make the frosting sweeter or add a little more sugar, if you like.