• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Well Fed Baker
  • Recipe Index
  • 30 Minute Meals
  • Pie Ebook
  • About
  • Newsletter
menu icon
go to homepage
  • Recipe Index
  • 30 Minute Meals
  • Pie Ebook
  • About
  • Newsletter
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Recipe Index
    • 30 Minute Meals
    • Pie Ebook
    • About
    • Newsletter
    • Facebook
    • Instagram
    • Pinterest
  • ×
    Home » Cakes

    Chocolate Chip Coffee Cake

    Published: Jan 28, 2024 · Modified: May 22, 2025 by Tiffany · This post may contain affiliate links · Leave a Comment.

     

     

    Jump to Recipe Print Recipe
    Pin for chocolate chip coffee cake.

    Start your day off right with a slice of this gluten-free chocolate chip coffee cake! If you grew up loving chocolatey breakfast treats like I did (hello, pop-tarts and hot cocoa), this one’s going to be a new favorite.  It's a delicious coffee cake that is perfect for Christmas morning or any other special occasion.

    The breakfast treat features a moist cake with a tender crumb thanks to the addition of sour cream.  It's packed with just the right amount of chocolate chips and that crispy cinnamon sugar crumb topping is absolute perfection. Whether you serve it for breakfast, brunch, or even dessert, this chocolate chip coffee cake is bound to be a favorite.

    A sliced chocolate chip coffee cake sitting on a white cutting board.

    For more crazy delicious cakes you can eat for breakfast, try my carrot cake coffee cake or this gluten free blueberry buckle.

    Jump to:
    • Ingredient Notes
    • Substitutions & Variations
    • How to Make Chocolate Chip Coffee Cake
    • Baking Tip
    • Storage
    • More coffee cake recipes to consider:
    • Recipe

    Ingredient Notes

    This easy recipe uses simple ingredients, which are mostly pantry staples.  It's both gluten free and dairy free as written.

    Ingredients for a chocolate chip coffee cake on a white table.
    • Gluten-Free Flour Blend - I use Bob's Red Mill 1-to-1 Flour Blend for all of my cakes. You can use another brand if you prefer, but the results may vary. Make sure your flour blend contains xanthan gum or a similar binder.  I haven't tested this recipe with any other brands of flour, so your results may vary. 
    • Vegan Butter - I typically use Country Crock plant butter in my recipes, but any stick style vegan butter should work fine.  The butter is creamed with the sugar to create air bubbles that will make the cake rise. If you're not dairy free, use regular unsalted butter in the same measure. You can also substitute coconut oil here, just don't use margarine.
    • Eggs - This coffee cake calls for two large eggs and I haven't tried any egg replacements.  Since coffee cake is generally denser than a layer cake, applesauce might be a good replacement here if you're egg free.
    • Vegan Sour Cream - In this cake, the sour cream provides fat as well as an acid to react with the baking soda. Forager is my favorite brand of dairy free sour cream.  If you're not dairy free, then use regular dairy sour cream in the same measure.
    • Allergen Free Chocolate Chips - I used the Nestle Allergen Free semi-sweet chips here.  I have also made this cake with the Enjoy Life chocolate chunks and mini chocolate chips.  All will work just fine!

    See the recipe card for full ingredient list with measurements.

    Substitutions & Variations

    • Not Dairy Free: use dairy butter, milk and sour cream in the same measure. 
    • Make it Vegan: This cake uses 2 eggs and I have not tested egg replacements, but I think applesauce would work well here. 
    • No Vegan Sour Cream: Substitute dairy free Greek yogurt in the same measure.
    • Berry Twist: Add 1 cup of fresh raspberries or blueberries to the cake batter. The tartness of the berries complements the sweetness of the chocolate chips beautifully.
    • Nutty Variation: Mix in ½ cup of chopped walnuts or pecans into the cake batter for a crunchy texture. You could also sprinkle some on top of the streusel for added crunch and flavor.
    • Orange Zest Addition: Add the zest of one orange to the cake batter for a citrusy twist. Orange and chocolate is a classic combination that never fails to impress.

    How to Make Chocolate Chip Coffee Cake

    I do recommend using a stand mixer or handheld electric mixer to make this chocolate chip crumb cake. 

    Using a springform pan makes it simple to get this cake out of the pan without losing the crumble topping.  I usually put a circle of parchment paper in the bottom of the pan to make it easy to remove from the base.  If you don't have a springform pan, you can use an 8-inch or 9-inch square pan instead.

    Gluten free flour, brown sugar, white sugar, cinnamon and butter combined to make a streusel topping.

    STEP 1: Combine all of the topping ingredients, except the chocolate chips, in a medium bowl.  Mix until the dry ingredients are incorporated and it is chunky.  Place it in the refrigerator while you make the cake.

    Gluten free flour, baking powder, baking soda, salt and cinnamon whisked together in a small white bowl.

    STEP 2: Combine the gluten free flour, baking powder, baking soda, salt and cinnamon in a small bowl.  Whisk together until well mixed.

    Butter and sugar combined together in a metal mixing bowl

    STEP 3: Add the butter and sugar to a large mixing bowl.  Beat with the paddle attachment on medium speed for 3 minutes, until light and fluffy.

    Vanilla added to the creamed butter and sugar mixture.

    STEP 4: Add the vanilla extract and stir a bit more until it's combined.

    Eggs being added one at a time to the partially mixed coffee cake batter.

    STEP 5: Add the eggs, one at a time, beating for 60 seconds between each addition.

    Half of the dry ingredients being added to the bowl with the partially mixed coffee cake batter.

    STEP 6: With the mixer on the lowest speed, add half of the dry ingredients followed by half of the milk and sour cream. Repeat with the remaining ingredients, stirring until the flour is just incorporated.

    Chocolate chips added to the mixing bowl with the coffee cake batter.

    STEP 7: Add the chocolate chips to the coffee cake batter. Stir them in until they are evenly incorporated.

    Chocolate chip coffee cake batter spread into a springform pan and topped with more chocolate chips and streusel topping.

    STEP 8: Pour the chocolate chip coffee cake batter into your prepared pan and top with the remaining chocolate chips and the crumble mixture.  Then bake!

    Baking Tip

    To check for done insert a toothpick near the center of the cake - it should have some moist crumbs but no batter showing.

    A freshly baked chocolate chip coffee cake sitting on a white marble serving board.

    Storage

    Store leftover cake in a cake keeper at room temperature for up to 3 days. If you store it in the refrigerator, it will last an additional day.

    A slice of chocolate chip coffee cake served on a white plate.

    More coffee cake recipes to consider:

    • A slice of pumpkin coffee cake served on a white plate.
      Pumpkin Coffee Cake
    • Slices of banana bread coffee cake on a wooden cutting board.
      Banana Bread Coffee Cake
    • Sliced strawberry crumb cake stacked on a table.
      Strawberry Crumb Cake
    • Three slices of gluten free blueberry cake stacked on a wooden cutting board.
      Gluten Free Blueberry Cake

    If you try this recipe, please leave a 🌟🌟🌟🌟🌟 star rating and let me know how you liked it in the comments below.

    Recipe

    A sliced chocolate chip coffee cake sitting on a white serving dish.

    Chocolate Chip Coffee Cake

    This gluten free chocolate chip coffee cake is a perfect blend of sweet chocolate and a moist, cinnamon-infused cake. Ideal for any occasion!
    Author: Tiffany
    5 from 1 vote
    Print Pin Rate
    Course: Dessert
    Cuisine: American
    Prep Time: 15 minutes minutes
    Cook Time: 1 hour hour
    Total Time: 1 hour hour 15 minutes minutes
    Servings: 12 slices
    Calories: 425kcal
    Prevent your screen from going dark

    Ingredients

    For the Topping

    • ½ Cup Gluten Free 1-to-1 Flour Blend
    • ¼ Cup Light Brown Sugar
    • ¼ Cup Sugar
    • ½ teaspoon Cinnamon
    • 3 Tablespoon Vegan Butter melted
    • ½ Cup Allergen Free Chocolate Chips

    For the Cake

    • 2 Cup Gluten Free 1-to-1 Flour Blend I use Bob's Red Mill
    • 2 teaspoon Baking Powder
    • ¾ teaspoon Salt
    • ½ teaspoon Cinnamon
    • ¼ teaspoon Baking Soda
    • 1 Cup Sugar
    • ½ Cup Vegan Butter room temperature
    • 2 teaspoon Vanilla
    • 2 Eggs room temperature
    • ¾ Cup Vegan Sour Cream room temperature
    • ⅓ Cup Non Dairy Milk room temperature
    • 1 Cup Allergen Free Chocolate Chips
    US Customary - Metric

    Instructions

    For the topping

    • In a small bowl, combine the topping ingredients except the chocolate chips. Work together with a fork, it will be crumbly. Place in the refrigerator while you make the cake.
      ½ teaspoon Cinnamon, ½ Cup Gluten Free 1-to-1 Flour Blend, ¼ Cup Light Brown Sugar, ¼ Cup Sugar, 3 Tablespoon Vegan Butter

    For the cake

    • Preheat the oven to 350 degrees. Line a spring form pan or 9x9 baking pan with parchment paper.
    • In a medium bowl combine gluten free flour, baking powder, baking soda, cinnamon and salt. Stir well and set aside.
      2 Cup Gluten Free 1-to-1 Flour Blend, 2 teaspoon Baking Powder, ¾ teaspoon Salt, ½ teaspoon Cinnamon, ¼ teaspoon Baking Soda
    • Combine the butter and sugar in the bowl of an electric mixer. Beat on medium speed for 3 minutes, until fluffy. Scrape down the bowl.
      1 Cup Sugar, ½ Cup Vegan Butter
    • Add the vanilla and mix for 30 seconds more to combine.
      2 teaspoon Vanilla
    • Add the eggs one at a time. Beat 60 seconds between each addition. Scrape down the bowl.
      2 Eggs
    • Turn your mixer to the lowest setting. Add half of the dry ingredients, followed by half of the milk and sour cream. Repeat with the remaining ingredients. Stir until the dry ingredients are just incorporated.
      ¾ Cup Vegan Sour Cream, ⅓ Cup Non Dairy Milk
    • Add the chocolate chips and fold into the batter with a spatula.
      1 Cup Allergen Free Chocolate Chips
    • Spread the batter into the prepared pan. Top with remaining chocolate chips and streusel topping.
      ½ Cup Allergen Free Chocolate Chips
    • If using a spring form pan, place it on a baking sheet. Bake in preheated oven for 50-60 minutes. Cake will be done when top springs back when gently poked and a toothpick has wet crumbs but no batter showing. Remove to cooling rack. Cool completely in the pan before serving.

    Notes

    NOT DAIRY FREE? Use dairy butter, milk and sour cream in the same measure.
    STORAGE: Store leftover coffee cake in an airtight container at room temperature for up to 3 days.
    Calories: 425kcal | Carbohydrates: 62g | Protein: 6g | Fat: 20g | Saturated Fat: 8g | Polyunsaturated Fat: 4g | Monounsaturated Fat: 4g | Trans Fat: 0.1g | Cholesterol: 27mg | Sodium: 408mg | Potassium: 31mg | Fiber: 4g | Sugar: 38g | Vitamin A: 559IU | Vitamin C: 0.5mg | Calcium: 104mg | Iron: 3mg
    Tried this recipe?Mention @wellfedbaker or tag #wellfedbaker!
    Tiffany

    Tiffany is the recipe developer, stylist and food photographer behind Well Fed Baker. As a lifelong baker who had to go gluten free and dairy free in 2016, Tiffany strives to share allergen friendly recipes that never feel like they are free from anything.

    Reader Interactions

    5 from 1 vote (1 rating without comment)

    Leave a Comment Cancel reply

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

    Recipe Rating





    Primary Sidebar

     

     

    Pin for chocolate chip coffee cake.
    A photo of Tiffany Welsh.

    Hey, I'm Tiffany!

    I love sharing gluten-free comfort food and homestyle baking, featuring Dutch oven meals, nostalgic dinners, classic baked goods, with dairy-free or allergen-friendly options. My recipes lean Southern, seasonal, and practical.

    More About Me

    Strawberry Season

    • A slice of strawberry delight served on a white plate.
      No Bake Strawberry Delight
    • A serving spoon scooping out strawberry cobbler from a white baking dish.
      Easy Strawberry Cobbler Recipe
    • A strawberry pound cake on a white serving plate sitting on a pink table.
      Fresh Strawberry Pound Cake
    • A slice of strawberry blueberry pie topped with star shaped pie crust on a white plate.
      Strawberry Blueberry Pie
    • Sliced strawberry crumb cake stacked on a table.
      Strawberry Crumb Cake
    • Two strawberry waffles topped with syrup and slices of fresh strawberries.
      Gluten Free Strawberry Waffles
    Ad for Perfect Gluten Free Pies cookbook.

    What's Trending

    • Crispy pork carnitas on a sheet pan garnished with lime and cilantro.
      Best Dutch Oven Carnitas (Mexican Pulled Pork)
    • A serving dish of green beans and potatoes with bacon.
      Southern Green Beans and Potatoes
    • A glass bowl filled with air fryer popcorn.
      Air Fryer Popcorn
    • A pan of dairy free Marry Me Chicken sitting on a marble counter.
      Dairy Free Marry Me Chicken
    • Four baked panko chicken breasts sitting on a baking sheet.
      Crispy Baked Panko Chicken
    • A sliced chicken breast drizzled with spicy honey sauce on a serving tray.
      Baked Spicy Honey Chicken
    • Recipe Index
    • 30 Minute Meals
    • Pie Ebook
    • About
    • Newsletter

    Footer

     

     

    Pin for chocolate chip coffee cake.

    ↑ back to top

    About

    • Accessibility Policy
    • Privacy Policy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • Work With Me
    • About

    As an Amazon Associate I earn from qualifying purchases.

    Copyright © 2015-2025 Wellfedbaker

    Rate This Recipe

    Your vote:




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

    Recipe Ratings without Comment

    Something went wrong. Please try again.