This post may contain affiliate links.
This coffee cake recipe combines the sweet, tender crumb of classic coffee cake with the irresistible goodness of chocolate chips. All with a chocolate crumb topping!

Who doesn’t love waking up to the smell of Chocolate Chip Coffee Cake in the oven? Today, I’m thrilled to share with you a coffee cake recipe for just that.
It’s perfect for lazy weekend mornings, a special brunch, or just because you deserve a treat!
It’s packed with delicious chocolate chips and topped with a rich chocolate crumble that will make your taste buds dance.
There isn’t much that beats tender coffee cake with a mug of cocoa or coffee. That crunchy crumb layer on top is to die for!
I’ve got some really simple steps to make sure that your own creation goes exactly to plan. Don’t forget to save the full recipe!
It’s super easy to make, even if it’s your first time baking. Really, I think it will be one of your favorite things to bake going forward.
So, let’s get started and make your kitchen the most popular spot in the house with this coffee cake recipe. Chocolate chip coffee cake is here to stay!
Some of our other favorite chocolate chip recipes we have on our site include: Chewy Coconut Chocolate Chip Cookies Recipe, Easy Chocolate Chip Pound Cake Recipe, and Oatmeal Chocolate Chip Cookie Bars Recipe.

Jump to:
- WHY THIS RECIPE WORKS:
- INGREDIENTS NEEDED (SCROLL TO THE BOTTOM OF THIS POST FOR THE FULL RECIPE CARD):
- HOW TO MAKE COFFEE CAKE RECIPE:
- FREQUENTLY ASKED QUESTIONS ABOUT THIS RECIPE:
- DO I HAVE TO USE COFFEE CREAMER?
- WHAT SIZE PAN IS THE BEST TO USE?
- ANY ADDITIONS?
- ANY SUBSTITUTIONS?
- HOW TO STORE:
- DANA’S TIPS AND TRICKS:
- Easy Chocolate Chip Coffee Cake Recipe
WHY THIS RECIPE WORKS:
- Simple Ingredients: This recipe uses everyday ingredients that you probably already have in your kitchen.
- Quick Prep: You can get this cake into the oven in just 20 minutes, which means you’re only an hour away from a delicious treat.
- Versatile and Delicious: Perfect for any occasion, this coffee cake makes a great breakfast, dessert, or snack.
INGREDIENTS NEEDED (SCROLL TO THE BOTTOM OF THIS POST FOR THE FULL RECIPE CARD):
- Sugar
- Unsalted butter
- Eggs
- Vanilla extract
- Sour cream
- Vanilla coffee creamer
- Flour
- Baking powder
- Baking soda
- Semi-sweet chocolate chips

HOW TO MAKE COFFEE CAKE RECIPE:
Directions for Cake:
- Preheat the oven to 350°F. Line a 9×9-inch baking pan with parchment paper and spray it with non-stick cooking spray. Set aside.
- Add the butter and sugar to the body of a stand mixer with the paddle attachment and cream until combined.
- Add the eggs and vanilla extract and mix until creamy.
- Add the sour cream and coffee creamer and mix until very well combined.
- Add the flour, baking powder, and baking soda and beat until smooth and fluffy.
- Pour in the chocolate chips and fold them in with a rubber spatula.
- Smooth the batter into the prepared baking pan and set aside while preparing the topping.
Directions for Topping:
- Add all ingredients except chocolate chips to a small mixing bowl and mix with a pastry cutter, fork, or hand until the butter is fully incorporated and the topping is crumbly with bigger and smaller pieces.
- Add the chocolate chips and mix until just combined.
- Sprinkle the topping evenly over the top of the cake.
- Place the cake in the oven and bake for 40 minutes, or until a toothpick inserted into the center of the cake comes out clean. Serve warm.

FREQUENTLY ASKED QUESTIONS ABOUT THIS RECIPE:
DO I HAVE TO USE COFFEE CREAMER?
No, you don’t have to stick to using coffee creamer in this recipe.
For a delightful variation, you can substitute it with heavy cream or half-and-half, adding 2 teaspoons of vanilla extract to enhance the flavor.
This alternative can offer a richer depth to your cake, making it perfect for special occasions like Christmas morning or a leisurely Sunday brunch.
WHAT SIZE PAN IS THE BEST TO USE?
The best pan size for this chocolate chip coffee cake recipe is a 9×9 inch baking dish.
This size ensures even baking and gives the cake the perfect thickness for a tender crumb and buttery texture.
It’s ideal for achieving that lovely golden brown top and deliciously moist center.
A 9×9 inch pan also makes it easy to serve the cake right from the pan, ensuring that every slice is as perfect as the next.

ANY ADDITIONS?
I’m thinking pumpkin coffee cake or blueberry coffee cake. Maybe some cinnamon filling! Your choice.
- Walnuts or pecans for a nutty crunch
- A swirl of caramel for a gooey twist
- A sprinkle of cinnamon sugar for a warm, spicy note
- White chocolate chips for extra sweetness
- A layer of cream cheese in the middle for a creamy surprise
- A scoop of Greek yogurt on top for a tangy contrast
- Fresh blueberries for a burst of fruitiness
- A drizzle of vanilla glaze for extra sweetness
- Coconut flakes for a tropical touch
- A dusting of powdered sugar for a pretty finish
ANY SUBSTITUTIONS?
Make sure you save the recipe card at the bottom of this post. You’ll want it again!
- Greek yogurt instead of sour cream for a healthier twist
- Brown sugar instead of white sugar for a deeper flavor
- Gluten-free flour in place of all-purpose flour for those with dietary restrictions
- Almond milk instead of coffee creamer for a dairy-free version
- Cocoa powder added to the crumble for a chocolatey topping

HOW TO STORE:
Room Temp: Keep in an airtight container for up to 5 days.
Freezer: Wrap tightly in plastic wrap and then aluminum foil. Freeze for up to 2 months. Thaw overnight in the refrigerator before serving.
DANA’S TIPS AND TRICKS:
- Always make sure your butter and eggs are at room temperature to ensure a smooth batter.
- Use a rubber spatula to fold in the chocolate chips gently to avoid deflating the batter.
- Don’t overmix the batter; just stir until the ingredients are combined.
- Check the cake five minutes before the recommended bake time to prevent overbaking.
- Let the cake cool in the pan on a wire rack to keep the bottom from getting soggy.
- For a perfect slice, use a serrated knife to cut through the crumb topping cleanly.

This Coffee Cake Recipe will be a new favorite in your home.
It’s got all the comforting flavors of traditional coffee cake with the delightful addition of chocolate chips.
Whether you’re sharing it with family over a steaming cup of coffee or treating yourself to a delicious slice, this coffee cake is sure to bring a smile to everyone’s face.
If you like this recipe, you might also like:
If you’ve tried this COFFEE CAKE RECIPE, let me know how it turned out in the comments! You can follow me over on PINTEREST, INSTAGRAM OR FACEBOOK to find some more of our mouthwatering recipes!
Easy Chocolate Chip Coffee Cake Recipe
Ingredients
Cake Ingredients:
- ¾ cup granulated sugar
- ½ cup salted butter room temperature
- 2 large eggs
- 1 teaspoon vanilla extract
- ½ cup sour cream full-fat
- ½ cup vanilla coffee creamer
- 2 cups all-purpose flour
- 1 ½ teaspoons baking powder
- ½ teaspoon baking soda
- ¾ cup semi-sweet chocolate chips
Chocolate Crumble Topping:
- 4 tablespoons salted butter room temperature
- ¼ cup all-purpose flour
- ¼ cup unsweetened cocoa powder
- ½ cup dark brown sugar packed
- 1 teaspoon ground cinnamon
- ½ cup semi-sweet chocolate chips
Instructions
Directions for Cake:
- Preheat the oven to 350°F. Line a 9×9-inch baking pan with parchment paper and spray it with non-stick cooking spray. Set aside.
- Add the sugar and butter to the body of a stand mixer with the paddle attachment and cream until combined.¾ cup granulated sugar, ½ cup salted butter
- Add the eggs and vanilla extract and mix until creamy.2 large eggs, 1 teaspoon vanilla extract
- Add the sour cream and coffee creamer and mix until very well combined.½ cup sour cream, ½ cup vanilla coffee creamer
- Add the flour, baking powder, and baking soda and beat until smooth and fluffy.2 cups all-purpose flour, 1 ½ teaspoons baking powder, ½ teaspoon baking soda
- Pour in the chocolate chips and fold them in with a rubber spatula.¾ cup semi-sweet chocolate chips
- Smooth the batter into the prepared baking pan and set aside while preparing the topping.
Directions for Topping:
- Add all ingredients except chocolate chips to a small mixing bowl and mix with a pastry cutter, fork, or hand until the butter is fully incorporated and the topping is crumbly with bigger and smaller pieces.4 tablespoons salted butter, ¼ cup all-purpose flour, ¼ cup unsweetened cocoa powder, ½ cup dark brown sugar, 1 teaspoon ground cinnamon
- Add the chocolate chips and mix until just combined.½ cup semi-sweet chocolate chips
- Sprinkle the topping evenly over the top of the cake.
- Place the cake in the oven and bake for 40 minutes, or until a toothpick inserted into the center of the cake comes out clean. Serve warm.
Notes
- Always make sure your butter and eggs are at room temperature to ensure a smooth batter.
- Use a rubber spatula to fold in the chocolate chips gently to avoid deflating the batter.
- Don’t overmix the batter; just stir until the ingredients are combined.
- Check the cake five minutes before the recommended bake time to prevent overbaking.
- Let the cake cool in the pan on a wire rack to keep the bottom from getting soggy.
- For a perfect slice, use a serrated knife to cut through the crumb topping cleanly.
Nutrition
Love This Recipe?
Follow @ThisSillyGirlsKitchen on Instagram and @danadevolk on Pinterest for more!














