This Chocolate Chip Coffee Cake recipe features a moist cake studded with chocolate chips. The chocolate chip batter is topped with a cinnamon crumb topping and an extra large handful of chocolate chips. If you’re a die-hard chocolate lover you could add a second handful of chocolate chips to the cake and no one would be the wiser!

A slice of Chocolate Chip Coffee Cake with a purple flower next to the cake.

My memory of chocolate chip coffee cake goes way back to the 7th grade. One of my friends moms would make this cake recipe as an after school snack. Which, by the way, is genius. I can’t think of a better pick-me-up snack for a 7th grade girl than this delicious choc chip coffee cake. (7th grade was rough, right!?)

Anyways, this cake has it all; it’s sweet, moist, has a streusel type topping, and features chocolate.

Take a bite and your day will be that much sweeter. 💜

A fork taking a scoop out of a slice of Chocolate Chip Coffee Cake.

How to make chocolate chip coffee cake

  1. Make the batter. Whisk the dry ingredients in a bowl then cream the butter and sugars for 2-3 minutes. Once creamed add the eggs, vanilla, and milk. Pour half of the dry ingredients into the batter and mix. Then add the sour cream, and finish by adding the remaining dry ingredients. Fold in the chocolate chips.
  2. Spread batter in the pan. The batter will be thick, so you’ll need to use a rubber spatula or off set spatula to ensure the batter is in an even layer.
  3. Make the topping. To make the cinnamon crumb topping combine the cold cubed butter, cinnamon, flour, and brown sugar. Use a pastry blender to cut the butter into the mixture. The topping will appear like coarse sand.
  4. Sprinkle the topping over the batter. Evenly distribute the topping over the batter so that the cake is fully covered.
  5. Top with chocolate chips. Lots of chocolate chips. In the recipe card I wrote 1/2 cup of chocolate chips, but lets be honest… the more the better. So feel free to add another handful of chocolate chips to the top.
  6. Bake. The cake will bake in a 350°F oven for 35-40 minutes. You can test for doneness by inserting a toothpick into the center of the cake. The cake is finished baking when a toothpick comes out clean or if there are a few moist crumbs on the toothpick but no wet batter.
  7. Cool. Remove the cake from the oven and let cool for a few minutes. This cake is delicious when served warm but super tasty at room temperature and even chilled. So basically eat it whenever because it’s good no matter what. 😊

A glass bowl full of Chocolate Chip Coffee Cake batter.

FAQ about chocolate chip coffee cake

What can I use in place of the sour cream? This coffee cake uses sour cream in the batter, but if you don’t have it or perhaps you’d rather use something else in its’ place, plain greek yogurt is a great substitute.

How long does this cake last? You can store this cake at room temperature, covered to preserve freshness, for 3 days.

Can I bake it in a smaller pan? This cake is baked in a 13″x9″ inch pan, however, for a much taller coffee cake you can bake this in a 9×9 inch pan if you’d like. Note that if you do bake it in a different size pan the baking time will differ so keep an eye on the cake.
Chocolate Chip Coffee Cake in a pan, prior to baking.

If you like this Chocolate Chip Coffee Cake recipe, check these out:

  • Cinnamon Roll Cake – basically a cinnamon roll in cake form. So good!
  • Lemon Poppy Seed Cake – one of my favorite cakes! I LOVE the freshness of lemon juice (and poppy seeds add a beautiful flare and texture).
  • Spice Cake – the most amazing spice cake with delicious warm spices.
  • Pumpkin Coffee Cake – another coffee cake recipe that’s perfect for fall (or any time of year).

A slice of Chocolate Chip Coffee Cake on a plate.

If you make this recipe, make sure to come back and rate it.

If you like my recipes, don’t forget to join thousands of others in the Salt & Baker community! Sign up below.

A slice of Chocolate Chip Coffee Cake with a purple flower next to the cake.
Print Review
5 from 1 vote

Chocolate Chip Coffee Cake

A moist cake recipe with scattered chocolate chips throughout. This cake is also topped with a cinnamon crumb topping and even more chocolate chips!
Prep Time: 10 mins
Cook Time: 40 mins
Total Time: 50 mins
Servings: 12 servings


  • 2 cups all purpose flour
  • 1 1/2 teaspoons baking powder
  • 1/4 teaspoon baking soda
  • 1 teaspoon salt
  • 3/4 cup granulated sugar
  • 1/3 cup brown sugar - packed
  • 1/2 cup unsalted butter - at room temperature
  • 2 large eggs - at room temperature
  • 1 teaspoon vanilla extract
  • 1/4 cup milk - or buttermilk
  • 3/4 cup sour cream - see notes
  • 1 cup chocolate chips


  • 4 tablespoons cold butter - cut into cubes
  • 1/2 tablespoon ground cinnamon
  • 1/2 cup all purpose flour
  • 2/3 cup brown sugar - packed
  • 1/2 cup chocolate chips - can use more than 1/2 cup if you'd like


  • Preheat oven to 350°F. Lightly grease a 13x9 inch baking dish. Set aside. 
  • In a medium size bowl whisk the flour, baking powder, baking soda, and salt. Set aside.
  • In the bowl of a stand mixer fitted with paddle cream the butter and sugars together until light and fluffy, about 2-3 minutes on medium speed. 
  • Add the eggs, one at a time, beating well after each addition. Mix in vanilla and milk. 
  • With mixer on low add half of the dry ingredients, then add the sour cream, and finish by adding the remaining dry ingredients. Mix until just combined. Fold in chocolate chips. 
  • Scoop the batter into the prepared baking dish. Use a spatula to spread the batter into an even layer. Sprinkle the topping over the batter and then top with the additional ½ cup of chocolate chips. 
  • Bake for 35-40 minutes or until a toothpick inserted in the center comes out with a few moist crumbs, but no wet batter. (Mine baked for 38 minutes).


  • Combine butter, cinnamon, flour, and brown sugar in a bowl. Using a pastry cutter or your hands, mix the butter into the mixture until it’s crumbly and resembles coarse sand. 


  • If you don't have sour cream, plain greek yogurt is a great substitution.
  • You can add more than just 1/2 cup of chocolate chips to the top of the cake. You can be as generous as you'd like!
  • I love using Bakers Joy baking spray when making cakes. That's what I used to grease my pan. 


Calories: 406kcal (20%)Carbohydrates: 67g (22%)Protein: 5g (10%)Fat: 13g (20%)Saturated Fat: 8g (40%)Cholesterol: 57mg (19%)Sodium: 299mg (12%)Potassium: 143mg (4%)Fiber: 1g (4%)Sugar: 45g (50%)Vitamin A: 316IU (6%)Vitamin C: 1mg (1%)Calcium: 97mg (10%)Iron: 2mg (11%)
Course: Dessert
Cuisine: American
Did you make this recipe?snap a photo and tag @saltandbaker in your posts and stories so I can see what you're making!