Chocolate Chip Coffee Cake

4.56 from 38 votes
Jump to Recipe

This post may contain affiliate links. Please see myย disclosure policy

Chocolate Chip Coffee Cake – A light and fluffy coffee cake with a layer of chocolate chip streusel in the middle and on top! Omit the chocolate chips and you have the classic coffee cake you know and love!

When I was growing up having coffee cake on a weekend morning was quite the treat! It has become a tradition with my son and his grandparents, whenever they are visiting it is always a must. And because I can never resist, I decided to add some mini chocolate chips to the classic and it was a huge hit.

chocolate chip coffee cake on a white plate

 

This is the recipe that my mom always made when I was growing up, I just added chocolate chips to make it more fun!

Coffee Cake is a classic, and it often confusing to people who are not from the United States, because there is no coffee called for in the recipe. It gets it name because it was a snack or treat that you served WITH coffee.

To this day you can have Apple Coffee Cake, Pumpkin Coffee Cake, Peaches and Cream Coffee Cake or just about any other flavor that you can dream up.

chocolate chip coffee cake ingredients

What You’ll Need

Be sure to scroll to the bottom of the post for the FULL PRINTABLE recipe card.

  • All-Purpose Flour
  • Granulated Sugar
  • Baking Powder
  • Salt
  • Oil – any neutral flavored oil will work well (vegetable, canola, avocado)
  • Milk – any type, dairy or non-dairy will work great
  • Egg
  • Mini Chocolate Chips
  • Brown Sugar
  • Cinnamon
  • Butter – I always use unsalted when baking

The chocolate chips are definitely optional in this recipe, just following everything exactly the same but omit them for the traditional coffee cake you know and love.

sprinkling streusel on cake batter

How To Make Chocolate Chip Coffee Cake

Be sure to scroll to the bottom of the post for the FULL PRINTABLE recipe card.

  1. Mix Dry Ingredients. Start by mixing your dry ingredients in a bowl with the chocolate chips and set aside. Mixing the chocolate chips in with the flour will help them from just sinking to the bottom as it bakes.
  2. Mix Wet Ingredients. Mix together oil, milk and egg. Stir until the egg is completely blended with the milk.
  3. Combine. Add the wet ingredients to the dry ingredients and mix until it is just combined. Be careful not to over mix.
  4. Make Topping. For the topping, use your fingers to combine brown sugar, cinnamon, and butter until the texture of coarse sand. Mix in chocolate chips.
  5. Assemble. Spread half cake batter in a prepared 8-inch baking dish. Sprinkle with half topping over the cake, then top with remaining cake batter and then the remaining topping.
  6. Bake. Bake 30-35 minutes or until golden brown and a tester comes out mostly clean
chocolate chip coffee cake on a white plate

Storage

If you have leftovers, cover with foil or plastic wrap and store at room temperature. It will last for 1-2 days. I like to reheat in the microwave for about 20 seconds before serving any leftovers.

Recipe Tips

  • Don’t want chocolate for breakfast? Don’t worry! Just leave out the chocolate chips and you have classic coffee cake. This is the base recipe that I grew up with, I only added chocolate chip, no other changes were made.
  • For the topping, cut the butter into small pieces and make sure it is nice and cold. That will make for the best streusel and it will take longer for the butter to melt and you will get that crispy streusel you are looking for.
  • This is best served warm. Let it cool for 5-10 minutes after it comes out of the oven and then slice and serve.
  • It is best to add the chocolate chips to the flour to coat them, this helps make sure they don’t just sink to the bottom.
  • Don’t over mix your cake batter. Just like with muffins the more you mix the tougher your cake will be.
looking down on a plate with chocolate chip coffee cake

More Delicious Breakfast Recipes

close up chocolate chip coffee cake on a plate
4.56 from 38 votes

Chocolate Chip Coffee Cake

Chocolate Chip Coffee Cake – A light and fluffy coffee cake with a layer of chocolate chip streusel in the middle and on top!
Prep: 10 minutes
Cook: 30 minutes
Total: 40 minutes
Servings: 9

Ingredients 

Cake

Topping/Filling

Instructions 

  • Preheat oven to 375º F. Spray a 8 inch baking pan with non-stick spray or line with parchment paper. Set aside.
  • In a bowl mix together flour, sugar, baking powder, salt and chocolate chips.
    1 1/2 cups all-purpose flour, 3/4 cups granulated sugar, 1/2 cup mini chocolate chips, 2 1/2 teaspoon baking powder, 1/4 teaspoon salt
  • In a 2 cup liquid measuring cup, mix together oil, milk and egg. Add to flour mixture, mixing until just combined.
    3/4 cup milk, 1/4 cup canola oil, 1 whole large egg
  • For the topping, use your fingers to combine brown sugar, cinnamon, and butter until the texture of coarse sand. Mix in chocolate chips.
    3/4 cup light brown sugar, 3 Tablespoon butter, 3 teaspoon cinnamon, 1/4 cup mini chocolate chips
  • Spread half cake batter in pan. Sprinkle with half topping/filling. Top with remaining cake batter and then remaining topping/filling.
  • Bake 30-35 minutes or until golden brown and a tester comes out mostly clean

Notes

Leave out the chocolate chips for a traditional coffee cake

Nutrition

Serving: 9Servings | Calories: 390kcal | Carbohydrates: 63g | Protein: 4g | Fat: 14g | Saturated Fat: 5g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 5g | Trans Fat: 0.2g | Cholesterol: 31mg | Sodium: 127mg | Potassium: 204mg | Fiber: 1g | Sugar: 45g | Vitamin A: 220IU | Vitamin C: 0.1mg | Calcium: 122mg | Iron: 2mg

Nutrition information is automatically calculated, so should only be used as an approximation.

Additional Info

Author: Erin Sellin
Prep Time: 10 minutes
Cook Time: 30 minutes
Total Time: 40 minutes
Course: Breakfast Recipes
Cuisine: American
Servings: 9
Calories: 390
Like this recipe? Leave a comment below!

I created a fun group on Facebook,and I would love for you to join us! It’s a place where you can share YOUR favorite recipes, ask questions, and see what’s new at Dinners, Dishes and Desserts (so that you never miss a new recipe)!

Be sure to follow me on Instagram and tag #dinnersdishes so I can see all the wonderful DINNERS, DISHES, AND DESSERTS recipes YOU make!

Be sure to follow me on my social media, so you never miss a post!

Facebook | Twitter | Pinterest | Instagram 

.

About Erin Sellin

Welcome to Dinners, Dishes, & Desserts where my love of food meets my busy life. My name is Erin and Iโ€™m a casual home cook who loves to feed people. On this blog, youโ€™ll find hundreds of quick and easy recipes made mostly from scratch. My days are spent in the kitchen, creating new recipes to share with family and friends.

Other Recipes You Might Like:

4.56 from 38 votes (38 ratings without comment)

Leave a comment

Your email address will not be published. Required fields are marked *

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

11 Comments

      1. Coffee cake is a term for a cake that is meant to be served with coffee (or tea) and served with breakfast or brunch to guests. It dates back to Germany in the 16th century.

  1. Guys, Thanks For sharing this Great Recipe. My Family Loved it. I am definitely sharing this recipe and this website with my friend. Hope they also love it. Thank you again for sharing such a great recipe.

  2. Made this today and it smells so delicious. My bake time is going on 38mins in an 8in square baking pan. 375…it is still wiggly uncooked in middle. Not sure what happened..

  3. This recipe is easy and so fabulous just as written It’s also wonderful with a few tweaks for a nice variation: substitute 1/4 cup pecan halves, chopped to desired fineness, for the chocolate chips in the streusel mix.
    Add the zest of 3/4 small lemon to the batter. Spoon any berry flavor jam onto the surface of the first half of batter, spreading gently with a knife or offset spatula to create a thin layer, then sprinkle half of the streusel as directed.
    Finish assembling the cake according to the original recipe, then bake as directed above.
    Both ways, this cake is a definite keeper. Thank you so much for this great recipe!

  4. Super recipe!!!!Yum!!! Do you think you could double the recipe and make a bunt cake or a 9X13 sheet? I would really like to make as bunt cake preferably. Thank you for soooooo many delicious recipes!

    1. I think you could make it work in a bundt pan, I just haven’t tried it. I do agree you would need more than 1 recipe for that type of a pan. I would make a double batch, and then see how full it gets. If you have extra batter bake some in a bread loaf pan or muffin tins to not waste it.