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, it’s irresistibly rich, highly addictive and perfect for breakfasts, snacking or desserts!

Continue to read on for tips! And, don’t miss the step by step photos showing you how to make this coffee cake recipe!

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!

Chocolate Coffee Cake

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.

How to prevent cake 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 coffee cake is done?

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 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!

How to bake chocolate snack cake from scratch step by step photos:   

How to store coffee cake?

Leftover snack cake should be wrapped tightly with plastic wrap, or stored in a zip-closure bag to prevent the cake from drying out. Store wrapped cake on the counter at room temperature.

Does it need to be refrigerated?

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

How long will coffee cake keep?

Properly stored, cake will keep for up to 5 days.

Can baked coffee cake be frozen?

Snack cakes freeze beautifully! To freeze, wrap the coffee cake tightly with plastic wrap or aluminum foil and place it in a freezer-safe, zip-closure bag. Properly stored, it will keep 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.

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!

XOXO

Cheyanne

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

Looking for more cake recipes?

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

Fresh Strawberry Cake

Easy Chocolate Velvet Cake

Easy Pumpkin Pie Cake

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 copyright protected. Please do not use any images without prior permission. If you want to republish this recipe please do not list instructions, instead link directly back to this post.