Chocolate Chip Coffee Cake

This Post May Contain Affiliate Links. Please Read Our Disclosure Policy.

If you love a soft, buttery coffee cake with a thick cinnamon crumb, this chocolate chip coffee cake is going to become your new weekend favorite. It checks all the boxes: tender sour cream cake, a gooey ribbon of chocolate and cinnamon running through the center, and a crunchy streusel on top.

slice of chocolate chip coffee cake on a plate


 

I’ve made a lot of crumb cakes over the years, like my apple crumb cake or blueberry crumb cake. It’s one of those bakes I return to again and again—soft, buttery, piled high with streusel, and the kind of thing I end up snacking on long before the guests arrive. So when the idea for this twist hit me, I knew I had to try it: the same tender, melt-in-your-mouth texture I love but with a fun, new flavor spin that makes the whole recipe feel brand new again.

This version stays true to everything I adore about the original—simple ingredients, easy mixing, and that signature bakery-style crumb on top. It’s the kind of recipe you can pull together without fuss, and it rewards you every single time.

This recipe is also wonderfully forgiving and beginner-friendly. You don’t need fancy equipment—just a hand mixer, a whisk, and a mixing bowl. The sour cream keeps the cake incredibly moist (even days later), the mini chocolate chips melt into perfect little pockets of sweetness, and the crumb topping gives you that classic coffee-shop texture without being overly sweet.

slice of coffee cake turned on it side

Ingredients You’ll Need

  • Brown sugar: Light brown sugar gives the crumb that deep, caramel-y flavor. Make sure it’s packed and not dried out—old brown sugar won’t hold the crumb together. If you run out, try my homemade brown sugar.
  • Cinnamon
  • Butter: You’ll need melted butter for the topping and softened butter for the cake. For the softened butter, pull it out 1–2 hours ahead; it should give slightly when pressed but not feel greasy.
  • All-purpose flour: Measure using the spoon-and-level method so the cake stays soft, not dense. Too much flour can cause the streusel to get dry and the cake to bake up heavy.
  • Mini chocolate chips: Regular chips work, but minis give you chocolate in every bite.
  • Leaveners: Baking powder and baking soda help the cake rise. Double-check that they’re fresh—old leaveners lead to cakes that sink in the middle or bake up dense.
  • Sour cream: Full-fat is best. You can swap in full-fat Greek yogurt if that’s what you have, but sour cream gives a richer flavor.
  • Eggs: The eggs should be room temperature so they incorporate easily and create a smoother batter.
  • Vanilla
chocolate chip coffee cake ingredients

How to Make Chocolate Chip Coffee Cake

Make the crumb topping

Start by preheating your oven to 350°F and greasing a 9×9 square baking pan.

To make the crumb topping, whisk together the brown sugar, cinnamon, and salt.

brown sugar and cinnamon stirred together

Then pour in the melted butter and stir until everything is evenly moistened.

butter stirred into crumb mixture

Add the flour and use a fork to toss it all together. You’re looking for soft, clumpy crumbs—not a dough and not a powder. If it looks too floury, keep mixing; if it looks too wet, sprinkle in an extra spoonful of flour.

flour stirred into crumb mixture

Make the cake batter

For the cake, whisk the flour, baking powder, baking soda, and salt together in a small bowl. Having this ready helps prevent overmixing once you start adding it to the batter and even distribution of the leavening agents.

dry ingredients in a bowl

I like to stir in the chocolate chips at this point. By coating them in the dry ingredients it helps the chips from sinking to the bottom of the cake.

mini chocolate chips stirred into the dry ingredients

In a larger bowl, cream the softened butter with the white and brown sugars. This takes about 2 minutes and the mixture should look lighter in color and fluffier in texture. If it’s sticking to the sides of the bowl, stop and scrape everything down. This step is key—properly creamed butter creates a finer crumb and prevents the cake from coming out dense.

I like to use my stand mixer fitted with the paddle attachment but a hand mixer also works. You will just need to cream it longer.

butter and sugars creamed together

Add the eggs one at a time, mixing well after each addition, then blend in the vanilla. The batter may look slightly curdled after the eggs, but it will come together once the flour is added.

eggs and vanilla added to creamed mixture

Now it’s time to alternate the dry ingredients with the sour cream. This method helps keep from overmixing which helps to create a tender cake. Start with a portion of the dry mixture, mix just until combined, then add some sour cream. Repeat, ending with the dry mixture. Avoid overmixing—stop as soon as the flour disappears.

Assemble the coffee cake

Spread half the batter into your prepared pan. This batter is thick, so use an offset spatula or the back of a spoon to nudge it into an even layer. Sprinkle half the crumb topping over the batter, making sure it reaches the edges—this creates that delicious middle ribbon.

Add the rest of the batter, smoothing it as best you can, then finish with the remaining crumb topping.

Bake the coffee cake until the top is golden brown and a toothpick inserted into the center comes out clean. Every oven runs a little differently, so start checking around the 40-minute mark. If the middle sinks or stays gooey, it likely needed just a bit more time—coffee cakes can look done before they are done, especially with a thick streusel on top.

Let the cake cool in the pan before slicing. The crumb sets as it cools, preventing it from crumbling apart.

You can always dust the top with powdered sugar before serving for a little sweetness and a pretty presentation.

Storage Tips

This cake stays incredibly moist thanks to the sour cream.

  • Store tightly wrapped at room temperature for several days.
  • Refrigerate if you want it to last up to a week.
  • Freeze individual slices for up to three months—warm them in the microwave for that fresh-baked texture.

More Recipes To Try

If you are craving more easy cakes to bake, try my cinnamon roll cake. It’s a sheet cake tastes just like a cinnamon roll! You might also like Mississippi mud cake. It’s an easy chocolate sheet cake topped with marshmallow and a fudge icing.

If you are craving more simple no fussy cakes then my sock it to me cake is the answer. It’s an easy bundt cake with a ribbon of pecans and cinnamon in the middle!

I also love my gluten free clementine cake made with whole clementines and almond flour, and topped with chocolate ganache. And another great cake to serve guests if you want something a bit more elevated is my caramel cake made with tender yellow cake and silky caramel frosting that’s made on the stovetop.

slice of chocolate chip coffee cake on a plate

Chocolate Chip Coffee Cake

A soft tender vanilla cake, with a thick layer of crumb topping layered in the middle and sprinkled on top. And lots of mini chocolate chips stirred into the batter!
No ratings yet
Print Pin Rate
Course: Breakfast, Dessert
Cuisine: American
Prep Time: 30 minutes
Cook Time: 40 minutes
Total Time: 1 hour 10 minutes
Servings: 12 servings
Calories: 504kcal

Ingredients

For the crumb topping

  • ¾ cup (153 g) packed light brown sugar
  • 1 teaspoon ground cinnamon
  • ¼ teaspoon salt
  • ½ cup (1 sticks, 113 g) unsalted butter melted
  • 1 ¼ cups (150 g) cups all purpose flour spooned and leveled

For the cake

  • 2 cups (240 g) all-purpose flour * spooned and leveled
  • 1 teaspoon baking powder
  • ¼ teaspoon baking soda
  • ½ teaspoon salt
  • 1 cup (170 g) mini chocolate chips
  • ½ cup (1 stick, 113 g) unsalted butter softened to room temperature
  • ½ cup (100 g) granulated sugar
  • ½ cup (107 g) packed light brown sugar
  • 2 large eggs room temperature
  • 2 teaspoons vanilla extract
  • 1 cup (227 g) sour cream room temperature

Instructions

  • Prep oven and pans. Position rack to center of oven and preheat oven to 350°F (180°C). Grease a 9×9 pan with butter or non-stick cooking spray.
  • Make the topping. Whisk brown sugar, cinnamon, and salt in medium bowl until evenly combined. Add warm melted butter, and with a wooden spoon or spatula, stir to blend. Add flour and toss with fork until moist clumps form (topping mixture will look slightly wet). Set aside. ¾ cup (153 g) packed light brown sugar 1 teaspoon ground cinnamon ¼ teaspoon salt ½ cup (1 sticks, 113 g) unsalted butter 1 ¼ cups (150 g) cups all purpose flour
  • Combine dry ingredients. In a small mixing bowl, whisk together flour, baking powder, baking soda, and salt. Stir in the mini chocolate chips. Set aside. 2 cups (240 g) all-purpose flour 1 teaspoon baking powder ¼ teaspoon baking soda ½ teaspoon salt 1 cup (170 g) mini chocolate chips
  • Cream butter and sugars. In a large mixing bowl, with an electric mixer cream butter and sugars together until light and fluffy, about 2 minutes. ½ cup (1 stick, 113 g) unsalted butter ½ cup (100 g) granulated sugar ½ cup (107 g) packed light brown sugar
  • Add wet ingredients. Add eggs, one at a time, mixing until incorporated. Scrape down the bowl as needed. Add vanilla and mix to combine. 2 large eggs 2 teaspoons vanilla extract
  • Alternate dry with sour cream. Add the flour mixture, alternately with the sour cream in 3 additions, starting and ending with the flour. 1 cup (227 g) sour cream 1 cup (170 g) mini chocolate chips
  • Spread half of the batter in pan. Top with half of the brown sugar topping. Add remaining batter. Add remaining streusel.
  • Bake. Bake for 40-50 minutes or until golden brown, and the inserted toothpick comes out clean. Remove from the oven and let cool before serving

Notes

  • Store tightly wrapped at room temperature for several days.
  • Refrigerate if you want it to last up to a week.
  • Freeze individual slices for up to three months—warm them in the microwave for that fresh-baked texture.

Nutrition

Calories: 504kcal | Carbohydrates: 68g | Protein: 6g | Fat: 24g | Saturated Fat: 14g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 5g | Trans Fat: 1g | Cholesterol: 82mg | Sodium: 204mg | Potassium: 141mg | Fiber: 1g | Sugar: 41g | Vitamin A: 666IU | Vitamin C: 0.3mg | Calcium: 86mg | Iron: 2mg
Tried this Recipe? Pin it for Later!Mention @BostonGirlBakes or tag #BostonGirlBakes!


 

Leave a Reply

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

Recipe Rating




More You'll Love!