Chocolate Coffee Cake Recipe

This Chocolate Coffee Cake is moist, tender and loaded with chocolate chips and crunchy walnuts. Swirled and topped with a thick layer of cinnamon and cocoa streusel and drizzled with a sweet glaze, this coffee cake with chocolate recipe is irresistibly rich, totally delicious and perfect for breakfasts, brunch, dessert time and every single snack in between!

Continue to read on for expert tips and Chef’s tips for making the best breakfast cake! And, don’t miss the step by step photos showing you exactly how to make this chocolate cake with coffee!

Updated:  This post was originally published in March 2015. I took new photos and updated the post below to include more information about chocolate coffee cake. I also tweaked the recipe to perfection and added step by step photos to show you how quick and easy this snack cake is to make!

About this chocolate coffee cake recipe

This chocolate and cinnamon infused coffee cake is moist, tender and jam packed with melty chocolate chips! Layered and topped with a crunchy chocolate chip and walnut streusel; then finished with a smooth, sweet vanilla laced buttermilk glaze, this cake is rich and highly addictive!!

With layers of delicious, soft flavors and swirls of ooey-gooey, rich, melted chocolate, this chocolate snack cake is perfect for breakfasts, brunch, snacktime and even dessert! If you have a chocolate lover in your family, this cake is an absolute MUST!

What is coffee cake?

By definition, coffee cake can be any type of cake intended to be eaten with coffee or tea at breakfast. Coffee cake, also known as coffeecake or snack cake, is typically moist and tender in texture and can be square, round, rectangular or loaf-shaped. They are usually flavored with cinnamon and topped with streusel or a crumble topping and drizzled with a sweet glaze. Coffee cake can also contain nuts, fruits or jam.

Coffee cake gets its name from the fact that it is intended to be served with coffee.

What’s it made off?

American coffee cakes are more cake-like in texture and typically leavened with either baking powder and/or baking soda. The exact ingredients in cake can vary greatly depending on region and recipe.

Ingredients typically found in coffee cake:

• Sugar
• Fat – butter or oil
• Eggs
• Dairy – milk, buttermilk, sour cream or Greek yogurt
• Vanilla Extract
• Baking Powder and/or Baking Soda
• Spices – cinnamon, nutmeg, ginger, cardamom and/or cloves
• Cocoa Powder (optional for a chocolate coffee cake)
• Espresso Powder or Brewed Coffee (optional)

Does coffee cake have coffee in it?

While some coffee cakes might be made with coffee as an ingredient, it is not a requirement.

Can I add coffee?

You can absolutely add coffee to your cake! Cakes can be infused with coffee flavor in various ways. The addition of brewed coffee, espresso powder and coffee liqueur are common ways to add a rich coffee undertone to your cake.

Additionally, coffee is commonly added to chocolate baked goods because it actually enhances the flavor of cocoa powder, resulting in an irresistibly rich, incredibly chocolaty cake.

If you would like to add coffee to this chocolate coffee cake recipe, you can substitute 1 tablespoon of cocoa powder for an equal amount of instant espresso powder. Unlike ground coffee, espresso powder provides a powerful punch and completely dissolves into the cake which eliminates any risk of grittiness.

FAQs: coffee cake with chocolate

How to prevent chocolate coffee cakes from sticking to the pan?

There is nothing more frustrating than baking a beautiful cake and having it fall apart as soon as you try to remove it from the pan!

Follow these tips to keep your cake from sticking to the pan

• Use homemade pan release. Non-stick sprays and shortening can be unreliable and leave a sticky residue on pans. Homemade pan release, also known as “cake goop”, is a paste that can be spread on baking pans and prevents baked good from sticking to the pans. Goop is easy to make and is absolute magic at releasing cakes from their pans! To make Goop, combine equal parts all-purpose flour, vegetable oil and vegetable shortening, and mix them together.
• Brush pan liberally with pan release. Use a pastry brush to evenly and generously brush a thin layer of pan release on the inside surface of the pan. Take care to make sure you have coated all the sides, corners and any nooks, crannies or crevices. Make sure you don’t grease all the way up to the top of the pan on the sides; only grease as far up as the cake will rise.
• Sprinkle the pan with flour or cocoa powder. After the pan is completely greased, sprinkle a couple tablespoons of flour into the pan. If you are making a chocolate cake, use unsweetened cocoa powder. Gently shake and tap the pan to evenly distribute the flour or cocoa powder. Gently tap out any excess flour into the sink.

What is a coffee cake pan?

You can bake a coffee cake in various pans. 9×13-inch baking pans, Bundt pans, tube pans and loaf pans are commonly used to make coffee cake.

You can make this chocolate coffee cake recipe in any of the aforementioned pans. Please note, baking times will vary depending on the pan used. Follow the tips below to know exactly when your chocolate snack cake is done baking.

How do you know when chocolate coffee cake is done baking?

Nothing is worse than a dry, over-baked cake! There are a few easy signs to look for to let you know when your cake is done. When in doubt, it is better to err on the side of caution and under-bake the cake.

• The cake is springy to the touch. If you gently press your finger against the cake, it should feel pillow-soft and slightly springy to the touch.
• The sides pull away from the pan. When the sides of the cake just start to pull away from the sides of the pan and the outer edges look slightly dry, the cake is done.
• When a toothpick comes out clean. If you insert a toothpick or thin skewer into the center of the cake, it should come out clean with no streaks of batter. A few small crumbs are normal and okay.
• When the internal temperature of the cake reaches 210 degrees Fahrenheit. When in doubt, you can always use an instant-read thermometer. The cake is done baking when the temperature in the middles reaches 210 degrees.

How to make the best chocolate coffee cake from scratch?

This chocolate snack cake is delicious, easy to make and always a crowd-pleaser!

1. Preheat oven to 350 degrees F. Grease a 9-inch tube pan with a removable bottom, Bundt pan or 8×8-inch baking dish with non-stick cooking spray or pan release. Dust the inside of the pan with cocoa powder and gently tap out the excess.
2. Prepare the streusel topping:  In a medium mixing bowl, make the streusel by combining all of the streusel ingredients together. Mix until well incorporated. Set aside.
3. Prepare the cake – dry ingredients:  In a medium bowl, combine the flour, cocoa, baking powder, baking soda and salt. Stir to combine. Set aside
4. Prepare the cake – wet ingredients:  In a large mixing bowl with a handheld mixer, or the bowl of a stand mixer fitted with the whisk attachment, combine the sugars, oil and eggs. Beat on medium speed until light in color and well incorporated, about 2 minutes. Add in the buttermilk and vanilla. Beat until combined. Add the dry ingredients to the wet ingredients. Stir until JUST combined. Very gently fold in the chocolate chips.
5. Layer the cake:  Pour half of the coffee cake batter into the prepared pan. Sprinkle ¾ cup of the streusel evenly over the batter. Repeat by adding the rest of the batter to the pan and then evenly top with the remaining streusel.
6. Bake:  Bake for 40-45 minutes, or until a toothpick inserted into the center comes out clean. Remove from oven and place the pan on a wire rack. Allow the cake to cool for 10 minutes in the pan. Remove cake from pan and place on a wire rack. Allow the cake to cool completely.
7. While the cake is baking, make the glaze:  In a medium mixing bowl, combine the powdered sugar with 2 tablespoons of buttermilk and all the vanilla. Whisk until smooth and no lumps remain. For a thinner glaze, add more milk, 1 teaspoon at a time, until desired consistency is achieved. Set aside.
8. To serve:  While the cake is still slightly warm, drizzle the coffee cake with half of the glaze. For best results, let the cake cool completely (30+ minutes) before drizzling with remaining glaze. Slice, serve and enjoy!

Step-by-step photos: making best chocolate coffee cake recipe

Storing chocolate breakfast cake

How to store chocolate and coffee cake?

Allow leftover coffee cocoa cake to cool completely to room temperature before wrapping tightly in plastic wrap. Store in a resealable bag to prevent the cake from drying out. Store chocolate coffee cake on the counter at room temperature. Properly stored, it will keep well for up to 5 days.

Do I need to refrigerate this coffee in cake recipe?

Whether your cake is cut or uncut, it is fine at room temperature and does not need to be kept in the refrigerator. Refrigeration is only necessary if your kitchen gets very hot during the day.

Can I freeze moist chocolate coffee cake?

Snack cakes freeze beautifully! To freeze, wrap the coffee cake tightly with plastic wrap or aluminum foil and place it in a freezer-safe, resealable bag. Store in the freezer for up to 2 to 3 months.

How to crisp and reheat coffee cake?

If the cake is frozen, allow it to thaw at room temperature in its original plastic or aluminum wrapping. You can eat the chocolate snack cake as is or reheat it in the oven.

To reheat the cake, wrap it in aluminum foil and warm it in an oven preheated to 325 degrees for 15 minutes, or until lightly crisped and warmed throughout.

Rich, moist, packed with chocolate and infused with cinnamon, this chocolate snack cake will satisfy all your chocolate cravings!

Until next week friends, cheers! To satisfying your sweet tooth!

Cheyanne

Craving MORE? Follow all the deliciousness on Facebook, Pinterest and Instagram!

More easy cake recipes!

If you love this dish, try one of these delicious easy cake recipes next:

• Fresh Strawberry Cake
• Pumpkin Pie Cake
• Cake Bites
• Lava Cake in a Cup

More desserts with chocolate!

• Chocolate Tiramisu
• Triple Chocolate Cookies
• Double Chocolate Muffins Recipe

The best Chocolate Coffee Cake Recipe👇

Print Recipe

5 from 6 votes

Chocolate Coffee Cake

This Chocolate Coffee Cake is moist, tender and loaded with chocolate chips and crunchy walnuts! Topped with a thick layer of cinnamon and cocoa streusel and drizzled with a sweet glaze, it's highly addictive and perfect for breakfasts, snacking or desserts!

Recipe can be scaled up or down by using the slider if you hover your mouse over the number of Servings.

Prep Time15 mins

Cook Time50 mins

Total Time1 hr 5 mins

Course: Breakfast, Brunch, Dessert

Cuisine: American

Keyword: cake, chocolate, cinnamon, coffee cake, walnuts

Servings: 12

Calories: 582kcal

Author: Cheyanne Holzworth

Equipment

• Mixing Bowls
• Handheld Mixer
• Baking Pan

Ingredients

Cake:

• 3 Cups All Purpose Flour – spooned & leveled; sifted (SEE NOTES)
• 2 TBS Unsweetened Cocoa Powder - sifted, plus more for pan (SEE NOTES)
• 2 tsp Baking Powder
• 1/2 tsp Baking Soda
• 1/2 tsp Kosher Salt
• 1 Cup Granulated Sugar
• 1/3 Cup Light Brown Sugar - packed
• ½ Cup Vegetable Oil
• 2 Large Eggs
• 1 1/4 Cup Buttermilk - (I used low-fat, but do not use skim!)
• 2 tsp Vanilla Extract
• 1 Cup Semi-Sweet Chocolate Chips - (use high quality such as Ghirardelli) (about 6 ounces)

Streusel:

• 2/3 Cup Light Brown Sugar - packed
• 2/3 Cup Semi-Sweet Chocolate Chips
• 2/3 Cup Walnuts – finely chopped (or Pecans)
• 2 tsp Ground Cinnamon
• 1 TBS Cocoa Powder

Glaze:

• 1 Cup Powder Sugar
• 2-3 TBS Buttermilk
• 1 tsp Vanilla Extract

Instructions

• Preheat oven to 350 degrees F. Grease a 9-inch tube pan with a removable bottom, Bundt pan or 8x8-inch baking dish with non-stick cooking spray or pan release (SEE NOTES).  Dust the inside of the pan with cocoa powder and gently tap out the excess.
• Prepare the streusel topping:  In a medium mixing bowl, make the streusel by combining all of the streusel ingredients together.  Season with 1/8 teaspoon kosher salt. Mix until well incorporated.  Set aside.
• Prepare the cake – dry ingredients:  In a medium bowl, combine the flour, cocoa, baking powder, baking soda and salt.  Stir to combine.  Set aside.
• Prepare the cake – wet ingredients:  In a large mixing bowl with a handheld mixer, or the bowl of a stand mixer fitted with the whisk attachment, combine the sugars, oil and eggs.  Beat on medium speed until light in color and well incorporated, about 2 minutes.  Add in the buttermilk and vanilla. Beat until combined.  Add the dry ingredients to the wet ingredients.  Stir until JUST combined.  Very gently fold in the chocolate chips.
• Layer the cake:  Pour half of the coffee cake batter into the prepared pan.  Sprinkle ¾ cup of the streusel evenly over the batter.  Repeat by adding the rest of the batter to the pan and then evenly top with the remaining streusel.
• Bake:  Bake for 40-45 minutes, or until a toothpick inserted into the center comes out clean.  Remove from oven and place the pan on a wire rack.  Allow the cake to cool for 10 minutes in the pan.  Remove cake from pan and place on a wire rack.  Allow the cake to cool completely.
• While the cake is baking, make the glaze:  In a medium mixing bowl, combine the powdered sugar with 2 tablespoons of buttermilk and all the vanilla.  Whisk until smooth and no lumps remain.  For a thinner glaze, add more milk, 1 teaspoon at a time, until desired consistency is achieved.  Set aside.
• To serve:  While the cake is still slightly warm, drizzle the coffee cake with half of the glaze.  Let the cake cool completely (30+ minutes) and drizzle with remaining glaze.  Slice, serve and enjoy!

Notes

1. You can replace 1 tablespoon of cocoa powder with 1 tablespoon of instant espresso powder for a richer, more chocolaty flavored cake.
2. You MUST sift the flour and cocoa powder.  The cake will come out dense and dry unless you sift those ingredients.  Likewise, do NOT overmix the batter when you add the dry ingredients to the wet.  Stir them until JUST combined and then very gently fold in the chocolate chips.  Over-mixing will produce a dense cake.
3. Do NOT overbake the cake!  Bake the coffee cake until the top feels pillow-soft and slightly springy to the touch.
4. Coffee cake will keep stored in an airtight container at room temperature for up to 4-5 days, however coffee cake tastes best the first 2 days.

Homemade pan release:

¼ Cup All Purpose Flour

¼ Cup Vegetable Shortening

¼ Cup Vegetable Oil

Directions:

1. In a bowl using a whisk or handheld mixer, or in the bowl of a stand mixer, beat ingredients until thoroughly combined.
2. To use, dip a pastry brush in the mixture and coat baking pan with a generous layer of pan release.  Be sure to get the mixture into the nooks and crannies of pans.  Note:  Store in an airtight container in the refrigerator for up to 3 months.

Nutritional information is an approximation based upon 12 servings.  Information includes cake, streusel and glaze.

Nutrition

Calories: 582kcal | Carbohydrates: 85g | Protein: 8g | Fat: 24g | Saturated Fat: 14g | Cholesterol: 30mg | Sodium: 192mg | Potassium: 366mg | Fiber: 4g | Sugar: 55g | Vitamin A: 64IU | Vitamin C: 1mg | Calcium: 111mg | Iron: 4mg

©No Spoon Necessary.  All images and content are under copyright protection. Please do not use any images without prior permission. Kindly, do not publish this recipe without prior consent. To reference this recipe, please link directly to this post.