• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
I Scream for Buttercream
  • Blog
    • Subscribe for Free
    • Exclusive Content for VIPs
  • Visit the Shop!
    • The Cake Blueprint
  • Recipes
    • Cakes
    • Frostings/Fillings
    • Cupcakes
    • Cake Pops
    • Other Sweets
  • Cake Decorating
  • Cake Baking Tips
  • About Kara
  • FAQs
    • Contact Me
    • Terms and Conditions
      • Privacy Policy
      • Advertising Disclosures
      • Cookie Policy
      • Food Safety, Allergy & Nutrition Disclaimers
    • Accessibility Statement
menu icon
go to homepage
subscribe
search icon
Homepage link
  • Blog
    • Subscribe for Free!
    • Exclusive Content for VIPs
  • Visit the Shop!
    • The Cake Blueprint
  • Recipes
    • Cakes
    • Frostings/Fillings
    • Cupcakes
    • Cake Pops
    • Other Sweets
  • Cake Decorating
  • Cake Baking Tips
  • About Kara
  • FAQs
    • Contact Me
    • Terms and Conditions
      • Privacy Policy
      • Advertising Disclosures
      • Cookie Policy
      • Food Safety, Allergy & Nutrition Disclaimers
    • Accessibility Statement
×
Home » Blog » Recipes

Chocolate Chip Coffee Cake

Published: Mar 19, 2026 by Kara · This post may contain affiliate links · This blog generates income via ads

  • Email
  • Facebook

A moist chocolate chip coffee cake with sour cream, a crumb topping with a touch of cinnamon, and melty chocolate chips.

Jump to Recipe
Chocolate chip coffee cake slice on a white plate with cinnamon crumb topping, chocolate chips, and a fork beside it.
Jump to:
  • Why You’ll Love This Cake
  • Pro Tips
  • Recipe
  • Steps to make this cake with step-by-step photos
  • Tips & FAQs
  • Tried This?
  • Other posts you might like

This cake has been a favorite with my family and friends. I honestly went a little overboard testing it. I actually made it about 9-10 times. I even had a friend test it out as well.

Why test it out that many times? Well, I bought a house and moved into it over the holidays and noticed that the oven just did not work the way my old oven did. It was a steep learning curve, but I think I've got it now. 

I think my friends and family were kind of happy about me baking it so many times, though, because they just loved it. It's a moist cake with a soft texture and loaded with chocolate chips throughout, then topped with a brown-sugar, buttery crumb topping with just a hint of cinnamon.

This cake can be eaten any time you like. It's the type of cake that is perfect for breakfast, a snack, or a dessert.

Chocolate chip coffee cake slice with cinnamon crumb topping and chocolate chips on a white dessert plate.

Why You’ll Love This Cake

  • It's super moist thanks to the sour cream
  • You get chocolate chips in every bite
  • The cinnamon crumb topping really makes this cake with it's brown sugar buttery goodness.
  • It's perfect warm with coffee, or just straight from the pan 

Pro Tips

  • If the top starts getting too brown before the center is done, lay a piece of foil over it for the rest of the bake time to keep it from over browning. I usually do this a little over halfway through baking.

Recipe

Chocolate chip coffee cake slice on a white plate with cinnamon crumb topping, chocolate chips, and a fork beside it.

Chocolate Chip Coffee Cake

A moist chocolate chip coffee cake with sour cream, a crumb topping with a touch of cinnamon, and melty chocolate chips.
No ratings yet
Print Pin SaveSaved! Rate
Course: Dessert
Cuisine: American
Keyword: chocolate chip coffee cake
Difficulty Level: Experienced
Prep Time: 30 minutes minutes
Cook Time: 55 minutes minutes
Total Time: 1 hour hour 25 minutes minutes
Servings: 12 slices
Calories: 474kcal
Author: Kara @I Scream for Buttercream

Ingredients

For the crumb topping:

  • ½ cup packed light brown sugar
  • ½ cup all-purpose flour
  • 1 teaspoon cinnamon
  • ¼ teaspoon salt
  • ¼ cup unsalted butter, softened (½ stick)
  • ½ cup semi-sweet chocolate chips, reserved for the top of the cake

For the cake:

  • ½ cup unsalted butter, room temperature (1 stick)
  • 1 ¼ cup granulated sugar
  • 2 large eggs, room temperature
  • ⅔ cup sour cream, room temperature
  • ⅓ cup milk, room temperature
  • 1 teaspoon vanilla extract
  • 2 tablespoons vegetable oil (or a neutral oil)
  • 1 ¾ cups all-purpose flour
  • 1 ½ teaspoons baking powder
  • ¼ teaspoon baking soda
  • ½ teaspoon salt
  • 1 cup semi-sweet chocolate chips (can add a bit more if desired)
US Customary – Metric
Have questions?Check out the Tips & FAQ section or the video in the post!
Prevent your screen from going dark

Instructions

For the crumb topping:

  • Add the brown sugar, flour, cinnamon and salt to a mixing bowl and whisk well. Pull out any brown sugar chunks. Add the soft butter and mix with a fork, your fingers, or a food processor until the mixture is very crumbly, almost the texture of sand.
  • Set aside ½ cup of chocolate chips to sprinkle on the top later.

For the cake:

  • Preheat the oven to 350 degrees Fahrenheit.
  • Grease or spray an 8×8 inch pan. (Make sure this pan is at least 2 inch deep.)
  • Add the room temperature butter and granulated sugar to a large mixing bowl and mix on medium-high speed for 3-4 minutes until light and fluffy. Scrape down the sides and the bottom of the bowl.
  • Add the eggs one at a time, mixing on medium speed for about 20 seconds after each egg. Scrape down the sides and the bottom of the bowl.
  • In a small bowl or large measuring cup, add the sour cream, milk, vanilla extract and oil. Whisk well and set aside.
  • In another medium sized bowl, whisk together the flour, baking powder,baking soda and salt. Set aside.
  • Alternately add in the dry mixture and the liquid mixture to the butter/sugar mixture, starting and ending with the dry mixture as follows:
    Add in a third of the dry mixture and mix on medium speed only until just combined (about 10-15 seconds only).
    Add in half of the liquid mixture, mixing on medium speed only until just combined (about 10-15 seconds only).
    Add in another third of the dry mixture, mixing on medium speed only until just combined (about 10-15 seconds only).
    Add in the last half of the liquid mixture, mixing on medium speed only until just combined (about 10-15 seconds only).
    Add the last third of the flour mixture and mix on medium speed only until just combined (about 15 seconds only).
  • Scrape down the sides of the bowl and mix again on medium speed only for about 10 seconds or feel free to mix by hand at this point just using a large spoon or silicone spatula.
  • IMPORTANT NOTE ABOUT SCRATCH CAKES: Be very careful only to mix until well combined. Once the batter is well combined, stop mixing. The batter does not have to be silky smooth. Mixing scratch cake batter too long and/or at too high of a speed can cause the gluten in the flour to over-develop and that will cause the cake to come out dense, rubbery or it may fall in the middle.
  • Add the 1 cup of chocolate chips and fold them into the batter using a spatula or spoon being careful not to mix the batter too much.
  • Add the batter into the prepared pan. The batter will be quite thick because of the sour cream, however that's what makes it so moist and the texture so great. Sprinkle the crumb topping over the cake batter, then sprinkle the reserved ½ cup chocolate chips evenly over the topping.
  • Bake at 350 degrees for approximately 50-60 minutes. Ovens vary, so your bake time could be a little less or a little more. Start watching it closely around the 40 minute mark. Expect this cake to take a while to bake since the batter is thick and this cake will bake up flat on the top, without a dome.
    When the cake is done, the top will be golden brown in the middle and a rich dark brown around the edges. The middle of the cake will not be jiggly and a toothpick inserted into the center will come out either clean or with a few moist crumbs.
  • IMPORTANT: About halfway through the baking time, or any time thereafter, if you notice the topping getting very brown, feel free to lay a piece of foil over the cake to keep it from over-browning. I do this a little after halfway through baking.
  • Set the baked cake on a wire rack to cool for at least 30 minutes before serving. This cake is best served warm or at room-temperature.

Notes

How to Store: This cake can be stored covered well at room temperature for several days.
How to serve: Most cakes are best served close to room temperature especially when made with butter like this one (unless they have perishable toppings or fillings). Butter cakes tend to firm up quite a bit when cold, so they’re softer and better at room temperature or warm. If you’ve stored this cake in the fridge and it’s cold, just set it out at room temperature for about 20-30 minutes before serving. This cake is also very good when warmed in the microwave, and it’s my preferred way to eat it. 
For other questions: Make sure to check out the TIPS & FAQs section in this post, which should answer other questions you may have about ingredients, substitutions, other pan sizes, etc.
Nutritional values are an estimate.
*This recipe card may contain affiliate links. As an Amazon Associate, I earn from qualifying purchases.

Nutrition

Calories: 474kcal | Carbohydrates: 61g | Protein: 5g | Fat: 24g | Saturated Fat: 14g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 6g | Trans Fat: 0.5g | Cholesterol: 67mg | Sodium: 223mg | Potassium: 257mg | Fiber: 3g | Sugar: 39g | Vitamin A: 496IU | Vitamin C: 0.1mg | Calcium: 77mg | Iron: 3mg
Some recipes have difficulty levels.Check out what they mean here: Difficulty Levels Explained
Baking at higher elevation?Adjustments will need to be made for that. This website does not specialize in higher elevation baking. Please take time to do your research on what adjustments should be made.
DisclaimersTo see food safety, allergy & nutrition disclaimers, go here: Disclaimers

How to Share

I’d love for you to share this recipe link or tag it, but please do not share screenshots or copy/paste the recipe to social media as the content and photographs are copyright protected and we (bloggers) work really hard on our content. Sharing the link, tagging us on socials and pinning it is super appreciated though!

Steps to make this cake with step-by-step photos

(The detailed printable instructions are in the recipe card above.)

Step 1:

Make the crumb topping first. Add the brown sugar, flour, cinnamon and salt to a mixing bowl and whisk well. Add the soft butter and mix with a fork, your fingers, or a food processor until the mixture is very crumbly, almost the texture of sand.

Set aside ½ cup of chocolate chips to sprinkle on the top later.

Cinnamon crumb topping mixed in a food processor for chocolate chip coffee cake.

Step 2:

Preheat the oven to 350 degrees Fahrenheit and grease or spray an 8×8 inch pan. (Make sure this pan is at least 2 inch deep.)

Step 3:

Add the room temperature butter and granulated sugar to a large mixing bowl and mix on medium-high speed for 3-4 minutes until light and fluffy. Scrape down the sides and the bottom of the bowl.

Step 4:

Add the eggs one at a time, mixing on medium speed for about 20 seconds after each egg. Scrape down the sides and the bottom of the bowl.

Step 5:

In a small bowl or large measuring cup, add the sour cream, milk, vanilla extract and oil. Whisk well and set aside.

Step 6:

In another medium sized bowl, whisk together the flour, baking powder, baking soda and salt. Set aside.

Step 7:

Alternately add in the dry mixture and the liquid mixture to the butter/sugar mixture, starting and ending with the dry mixture. Add the 1 cup of chocolate chips and fold them into the batter using a spatula or spoon being careful not to mix the batter too much.

Chocolate chip coffee cake batter with chocolate chips folded in and ready for the pan.

Step 8:

Add the batter into the prepared pan. The batter will be quite thick because of the sour cream. Sprinkle the crumb topping over the cake batter, then sprinkle the reserved ½ cup chocolate chips evenly over the topping.

Chocolate chip coffee cake in a glass baking dish topped with cinnamon crumb topping and chocolate chips before baking.

Step 9:

Bake at 350 degrees for approximately 45-55 minutes. Ovens vary, so your bake time could be a little less or a little more. Start watching it closely around the 40 minute mark.

Overhead view of baked chocolate chip coffee cake in a glass pan with cinnamon crumb topping and melted chocolate chips.

Step 10:

Serve this cake at room temperature or warm.

Close-up of a slice of chocolate chip coffee cake with cinnamon crumb topping, chocolate chips, and a fork on a white plate.

Tips & FAQs

What makes chocolate chip coffee cake moist?

Sour cream is the big reason. It adds moisture and richness while helping create a soft, tender crumb. A little oil helps too, and mixing the batter just until combined keeps the cake from turning dense or dry.

Can I substitute the sour cream?

Sour cream is best in this recipe as it helps make a very moist cake and gives a little flavor. If you don’t have access to it, you can use plain yogurt, but use the full-fat yogurt instead of the low fat or fat free type.

Should I use an 8×8 glass pan or metal pan?

Either will work and I've tested this recipe in both pans. I've found that the glass pan will brown a bit more on the bottom of the cake than the metal pan.

Why does this cake take so long to bake?

The batter is thick for this cake. It's made with sour cream and so it just takes a bit for the middle to bake all the way through. In my opinion, it's definitely worth the wait.

How do you keep the crumb topping from getting too dark before the center finishes baking?

If you find that the the top is browning a bit too much, just lay a piece of foil over the top to keep it from continuing to brown.

How can I tell when this cake is done

When the cake is done, the top will be golden brown in the middle and a rich dark brown around the edges. The middle of the cake will not be jiggly and a toothpick inserted into the center will come out either clean or with a few moist crumbs.

How do I store this cake and how long does it last?

This cake can be stored covered well at room temperature for several days.

What’s the best way to serve/eat this cake?

Most cakes are best served close to room temperature especially when made with butter like this one (unless they have perishable toppings or fillings). Butter cakes tend to firm up quite a bit when cold, so they're softer and better at room temperature or warm. If you've stored this cake in the fridge and it's cold, just set it out at room temperature for about 20-30 minutes before serving. This cake is also very good warmed up in the microwave and is my preferred way to eat it.

Tried This?

If you give this recipe a try, I'd love to know what you think!

Other posts you might like

  • Sour Cream Blueberry Coffee Cake
  • Buttermilk Coffee Cake
  • Cream Cheese Crumb Cake
  • Cannoli Crumb Cake
  • Apple Crumb Cake
  • Pumpkin Sour Cream Coffee Cake
Pinterest image for chocolate chip coffee cake with a close-up slice, cake pan view, and text overlay reading Chocolate Chip Coffee Cake.
« Chocolate Earthquake Cake
  • Email
  • Facebook

Filed Under: Cakes, Recipes Tagged With: chocolate chips, coffee cake

Reader Interactions

Leave a Reply Cancel reply

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

Recipe Rating




Primary Sidebar

  • Facebook
  • Instagram
  • Pinterest
  • YouTube

Hey there, I’m Kara!

Hi, I'm so glad you're here! Cake shows up at our most important and happiest moments in life, like birthdays, weddings, baby showers and holidays. It's also for those everyday moments...it makes them even better. Put simply, cake just makes us happy! I love trying out new cake flavor combinations and decorating ideas. Have a look around and I bet you can find a cake recipe or tutorial for any of life's big moments and those everyday moments too. Click here if you want to learn more about me!

  • Let’s Make a Cake!
  • Blog
  • Privacy Policy
  • Cookie Policy
  • Terms and Conditions
  • Advertising Disclosures

Copyright © 2026 ·

Rate This Recipe

Your vote:




A rating is required
A name is required
An email is required