Chocolate Chip Coffee Cake

Pin RecipeJump to Recipe

Chocolate Chip Coffee Cake with swirls of cinnamon and chocolate chips is a must try! Make it with red and green chocolate morsels for a festive holiday breakfast or dessert.

Love easy breakfast recipes? Try our pancake mix cake for a fun twist. Or give this classic cinnamon roll recipe a try, you won’t be able to resist them!

Slice of chocolate chip coffee cake on a white serving plate.
Want to Save this Recipe?
Enter your email and get this recipe sent to your inbox to save for later! Plus you’ll get great new recipes from us every week!

Why This Coffee Cake is Best

I am pretty obsessed with coffee cakes. AKA breakfast cakes. Otherwise known as cake for breakfast. (See where this is going??)

While many people are weak when it comes to cookies, fudge, brownies, chips, ice cream… coffee cake is my proverbial kryptonite.

It’s the perfect morning treat that goes so nicely with my morning coffee (hence the name “coffee cake”). The fact that I can serve the same cake for dessert makes it even better.

This chocolate chip coffee cake uses a smaller amount of streusel topping than many of my other coffee cake recipes. Instead, I added in a center layer of chocolate chips and cinnamon swirl.

That turned out to be one of my best-ever ideas.

  • Makes TWO coffee cakes – one for now and one to freeze for later!
  • The middle layer features chocolate chips and a cinnamon swirl mixture.
  • More chocolate chips and streusel are sprinkled on top to finish it off.

Chocolate and cinnamon is such an underrated combination! I’m sure you’ll agree that they’re perfectly paired in this holiday breakfast cake.

Ingredients needed to make chocolate chip coffee cake.

Ingredient Notes

  • Flour – You’ll need regular all-purpose flour for today’s coffee cake. Be sure to measure the flour correctly for best results.
  • Butter – I use and prefer unsalted butter for my baking, but salted will be fine. Omit the kosher salt if using salted butter.
  • Sugar – The cake and filling uses regular granulated sugar while the streusel on top calls for both granulated sugar and light brown sugar.
  • Vanilla – Make sure to use real vanilla extract (NOT imitation). Try making homemade vanilla extract for amazing flavor.
  • Buttermilk – This adds to the rich and tangy flavor. You can make your own buttermilk if needed.
  • Chocolate Chips – Regular semi-sweet chocolate chips work great here. You can also swap in some festive red and green morsels for the holidays. Or try using dark chocolate chips if you prefer.

Easy Instructions

Step 1. Prepare the pans. Grease and flour two 9-inch round cake pans (or use my homemade cake release). Line the bottoms with parchment paper.

Step by step photos showing how to make chocolate chip coffee cake.

Step 2. Make the streusel. Combine the flour, sugars, cinnamon and butter in a small bowl. Mix with your hands until crumbly. Set aside.

Step 3. Make the cake batter. Beat the flour, sugar, baking powder, baking soda and salt on low until combined. Beat in softened butter until the mixture is crumbly. Add in eggs, vanilla and buttermilk and beat until fully combined and fluffy.

Step 4. Assemble the layers. Divide half of the cake batter evenly between the prepared cake pans. Sprinkle half of the streusel evenly over both cakes then top with half of the chocolate chips on both cakes. Divide the remaining cake batter over each cake and top with the remaining streusel and chocolate chips.

Step 5. Bake and cool. Bake the cakes in a 325 degree F oven for 30-35 minutes. Remove and cool for 15 minutes, then remove cakes from pan onto a wire rack and cool completely. Slice, serve and enjoy!

Chocolate chip coffee cake sliced with a piece being removed.

Recipe FAQs

How do I store coffee cake?

This chocolate chip coffee cake can be stored at room temperature for up to 3 days in an airtight container. Or refrigerate in an airtight container for up to 7 days to extend the shelf life.

Can I freeze coffee cake?

Yes, this recipe freezes great! Freeze in individual slices for quick and easy serving or wrap the cake in plastic wrap and then in aluminum foil and freeze for up to 3 months. Let thaw on the counter overnight and it’ll be ready to enjoy for breakfast the next day.

What size pans do I need?

You can make this chocolate chip coffee cake in one 9×13 pan or in two 9-inch round cake pans. The baking time and temperature are the same.

Chocolate chip coffee cake with holiday sprinkles.

More Easy Recipes

Breakfast and Brunch Recipes

See all Breakfast and Brunch recipes

Pin this now to find it later

Pin It

Chocolate Chip Coffee Cake

5 from 5 votes
By: Aimee
Chocolate Chip Coffee Cake with swirls of cinnamon and chocolate chips! Use some festive red and green chips for the holidays!
Prep Time: 15 minutes
Cook Time: 30 minutes
Total Time: 45 minutes
Servings: 16 servings


For the cake:

  • 2 ½ cup all-purpose flour
  • 1 cup granulated sugar
  • ½ teaspoon baking powder
  • ½ teaspoon baking soda
  • ¼ teaspoon kosher salt
  • ¾ cup unsalted butter softened
  • 3 large eggs
  • 2 teaspoons vanilla extract
  • cup buttermilk

For the Streusel:

  • ½ cup all-purpose flour
  • ½ cup granulated sugar
  • ½ cup light brown sugar packed
  • 2 teaspoons ground cinnamon
  • ¼ cup unsalted butter softened
  • 2 cup semi-sweet chocolate morsels divided
Save this Recipe?
Enter your email and we’ll send the recipe straight to your inbox!


  • For the cake, grease and flour two 8 1/2 inch round cake pans. Line the bottom with parchment paper. Set aside.
  • For the streusel, combine flour, sugars, cinnamon and butter in small bowl. Mix with hands until crumbly. Set aside.
  • In a large mixing bowl, beat flour, sugar, baking powder, baking soda and salt on low until combined. Beat in softened butter until mixture is crumbly. Add in eggs, vanilla and buttermilk and beat until fully combined and fluffy. Pour half of mixture in bottom of cake pans, dividing evenly. Spread using the back of a spoon or a small offset spatula (yes it will be very thin, it’s okay!) Top with half of the streusel, sprinkling it over both cakes. Add half of the chocolate chips, about 1 cup, dividing evenly between both cakes.
  • Pour the remainder of the batter over the cakes, dividing evenly. Use your spatula or spoon to spread it out one more time. Top with the remaining streusel and chocolate chips.
  • Bake cakes in a 325 degree F oven for 30-35 minutes. Remove and cool 15 minutes, then remove cake from pan onto a wire rack. Cool completely.
  • Serve into slices or freeze in an airtight container for later use. ENJOY. Best used within 3 days of baking (if not freezing).


  • Be sure to let the butter soften at room temperature before you make this recipe.
  • Use an offset spatula to smooth the first layer of cake batter into the bottom of the pan in an even layer. After adding the streusel and chocolate chips and the rest of the batter, smooth that layer too.
  • Use red and green chocolate chips or holiday sprinkles (M&M’s) for a festive holiday version of this cake or go with regular for a year-round coffee cake. You can also try this recipe with half regular chocolate chips and half white chocolate chips. Or try dark chocolate chips.
  • Cool the cake completely before you slice it. It’s hard to wait to dig in, but this allows it to set up properly.
  • Serve coffee cake for breakfast, brunch, dessert or an afternoon treat. Don’t forget the coffee!
  • Store the second coffee cake in the freezer for another time or gift it to a friend, neighbor or family member. It also makes a great hostess gift at the holidays!
  • See blog post for more recipe tips and tricks.


Serving: 1slice, Calories: 406kcal, Carbohydrates: 57g, Protein: 5g, Fat: 19g, Saturated Fat: 11g, Polyunsaturated Fat: 7g, Cholesterol: 66mg, Sodium: 113mg, Fiber: 2g, Sugar: 37g
Course: Breakfast and Brunch
Cuisine: American
Did you make this recipe?Mention @shugarysweets or tag #shugarysweets!

I love this cinnamon chocolate chip coffee cake for breakfast. Brew a strong cup of coffee, cut yourself a slice and enjoy!

Avatar photo

About Aimee

Aimee is a dessert lover (specifically rice krispie treats), workout enthusiast, self-taught foodie, and recipe creator.

Learn more about Aimee.

Affiliate Disclosure:**There may be affiliate links in this post! By clicking on them, or purchasing recommended items I may receive a small compensation. However, I only recommend products I love! Thank you for supporting Shugary Sweets! See my disclosure policy for more info**

Learn How To Become a Better Home Baker
Sign up for the Shugary Sweets FREE Email Course Today—soon you’ll say, "I made it from scratch!"

Categories: , ,

Posted on December 12, 2023

Comments & Reviews

  1. I made this this morning. Saw it on facebook and was in the mood, had the stuff so I just made it. It was delish. I used 9″ round pans, skipped the parchment paper and used pam for baking to spray instead. My family all enjoyed it. Stuck one in the freezer. It took 35 min in my oven. Thanks for the wonderful family friendly recipes.

  2. Could you put this in a 9 x 13 pan? I’m at my relatives and can’t get out to get the round pans. if so how long would I bake it?

    1. You definitely could bake in a 13×9, just not sure for how long. I guess I would start at 35 minutes, and check every 5 until it’s done!

  3. Love it! So easy and so brilliant to swap regular chocolate chips for the festive Christmas ones. Instant perfect Christmas breakfast!!

  4. So I could eat one now….and one for dinner later… :O or you know, save it like you said. Maybe. Probably not. I don’t know if I could wait that long to inhale this cake! 😀

      1. Ah, we think alike! We always have a delicious coffee cake on Christmas morning…it’s a family tradition. 🙂

  5. I have always liked coffee cake for the most part, but have never seen this version. I’m more used to a cinnamon or apply crumb coffee cake. What a cool take on the old coffee cake!

  6. Don’t you just love those red and green morsels! This coffee cake is looking pretty good!!

  7. Chocolate chip coffee cake looks and sounds perfect for the holidays! Thanks for sharing, Aimee!

  8. I love the fun colors of the holiday version. And I am weak around coffee cake too…can’t resist eating bite after bite!!!

  9. This coffeecake would be perfect for Christmas morning breakfast. Love the red and green chocolate chips 🙂

5 from 5 votes (5 ratings without comment)

Leave a Reply

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

Recipe Rating