The BEST Coffee Cake (Gluten-Free & Dairy-free)

gluten-free dairy-free coffee cake

This Gluten-Free Dairy-Free Classic Coffee Cake is the quintessential coffee cake. The cake itself is a basic, moist white cake swirled with cinnamon sugar. The topping is filled with buttery cinnamon sugar goodness which transforms this cake into that classic coffee cake we all know and love.


How do I make oat flour?

Simply add approximately 1 1/2 cups gluten-free rolled oats to a blender and pulse until the oats break down into particles and resembles flour. Scoop out 1 1/3 cups of this flour and add to batter. Either save the remaining oat flour for future recipes or add it back to your rolled oats.

Why must the batter sit for 45 minutes?

Letting the batter sit allows for the both the baking flour and the oat flour to absorb moisture from the wet ingredients, yielding a better crumb. In addition, this resting period allows flavor to develop, resulting in a tasty pumpkin bread.

How do I make dairy-free buttermilk?

Pour 2 cups of unsweetened plant milk into a small bowl, add 2 tablespoons of vinegar, mix and let sit for 10 minutes. Then, add to batter and you’re good to go.

Tips on How to Make Gluten-Free Dairy-Free Coffee Cake:

  • The vinegar in the dairy-free buttermilk activates the baking soda and baking power which will help the cake rise. In addition, this buttermilk will contribute additional flavor to the cake.
  • Whisking the dry ingredients in a separate bowl helps distribute the spices as well as baking soda and baking powder into the flours. This prevents clumps of baking powder and soda in the final loaf.
  • Whisking the wet ingredients in a separate bowl also helps distribute the ingredients together, especially the eggs.
  • After mixing together the wet and dry ingredients, scrape the bowl with a rubber spatula to incorporate any remaining dry ingredients stuck to the bottom of the bowl. 
  • Make sure to let the batter rest for 45 minutes. This yields a better crumb and allows flavor to develop.

gluten-free dairy-free coffee cake

The BEST Coffee Cake (Gluten-Free & Dairy-Free)

This is the BEST gluten-free and dairy-free coffee cake recipe. This recipe is most, indulgent, and loaded with buttery cinnamon sugar goodness!
Prep Time: 50 minutes
Cook Time: 1 hour 10 minutes
Cooling Time: 1 hour
Course: Dessert
Cuisine: American
Diet: Gluten Free
Keyword: Coffee Cake, Dairy-Free, Gluten-Free
Servings: 12 squares
Calories: 416kcal
Author: alattaeats







Coffee Cake

  • In small bowl, mix together plant milk and vinegar. Set aside.
  • While buttermilk sits, preheat oven to 350°F
  • In medium bowl, whisk together gluten-free 1:1 baking flour, oat flour, baking powder, baking soda, and salt. Set Aside.
  • In large bowl, whisk together eggs, buttermilk, sugar, and melted plant butter until homogenous.
  • Add half of the dry ingredients and whisk until everything is combined. Repeat with remaining dry ingredients and whisk until there are no lumps.
  • Scrape the bottom and sides of the bowl with a rubber spatula and make sure all dry ingredients are incorporated. Set aside and begin preparing the filling and the crumble topping.


  • Add brown sugar and cinnamon to a small to medium sized bowl.
  • Mix with a fork until the sugar and cinnamon are thoroughly combined.
  • Set aside and begin preparing the crumble topping using the steps below.

Crumble Topping

  • In a medium bowl, add brown and white sugar, flour, , cinnamon, and salt.
  • Mix with a fork until dry ingredients are combined.
  • Add softened butter to the bowl and use a fork to press the butter into the dry ingredients until the mixture resembles a dampened sand-like texture. (You may also use a whisk to do this, but make sure to remove the crumble that sticks inside the whisk's wire loops and repeat this process a couple times until the texture is reached).
  • Set aside and resume making the coffee cake using the steps below.

Coffee Cake (Continued)

  • Line baking dish with parchment paper horizontally and vertically. Then grease parchment paper with either non-stick spray or butter/oil.
  • Pour in half of the coffee cake batter into the lined and greased baking dish.
  • Spread outage cinnamon sugar filling into an even layer.
  • Carefully pour the remaining batter into an even layer over the cinnamon sugar filling.
  • Use a butter knife to thoroughly swirl the cinnamon sugar layer with the batter. (Starting at a corner the baking dish, take a butter knife and press all the way into the batter. Drag the butter knife through the batter from one side of the baking dish to the other, moving the batter and cinnamon sugar layer. Move down approximately an inch and make another horizontal line. Repeat until you reach the bottom of the baking dish. Turn the baking dish 90° and repeat this process, but this time, intersecting with the, now vertical lines.)
  • Using clean hands or a spoon, sprinkle the crumble topping over the top of the batter in an even layer.
  • Place on a baking sheet for easy mobility and place the oven for 1 hour and 50 minutes.
  • After 45 minutes, loosely cover the baking dish with tinfoil leaving room for the coffee cake to rise without touching the tinfoil. Bake for remaining time, checking with a toothpick every 5 minutes starting at the one hour mark.
  • The coffee cake is ready once a toothpick comes out clean, or with large crumbs out from the center of the cake.
  • Let cool before cutting.

Drizzle (optional)

  • Mix together powdered sugar, plant milk, and vanilla extract until smooth. Continue to stir while adding powder sugar until it reaches the consistently slightly thicker than glue.
  • Pour glaze over cooled cake. Let glaze set, or dive in!


For best results, I recommend using the flour blend listed in the recipe. Make sure to let better rest and cool for the listed time 🙂


Serving: 1Slice | Calories: 416kcal | Carbohydrates: 78g | Protein: 5g | Fat: 12g | Saturated Fat: 2g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 7g | Trans Fat: 1g | Cholesterol: 61mg | Sodium: 186mg | Potassium: 113mg | Fiber: 5g | Sugar: 57g | Vitamin A: 138IU | Vitamin C: 26mg | Calcium: 108mg | Iron: 2mg
Tried this recipe?Let us know how it was!

Enjoyed this Gluten-Free Dairy-Free Classic Coffee Cake? Check out similar recipes here!

Double Chocolate Peppermint Scones (Gluten-Free & Dairy-Free)
These gluten-free dairy-free double chocolate peppermint scones are made with a chocolate …
Pumpkin Snickerdoodles (Gluten-Free & Dairy-Free)
These gluten-free dairy-free pumpkin snickerdoodles are spiced pumpkin cookies rolled in cinnamon …
Pumpkin Snack Cake (Gluten-Free & Dairy-Free)
This gluten-free and dairy-free pumpkin snack cake is super moist, slightly sweet, …
Pumpkin Scones with Cream Cheese Icing (Gluten-Free & Dairy-Free)
These gluten-free and dairy-free pumpkin scones are buttery and flakey and have …
Taylor Swift’s Chai Cookies (Gluten-Free & Dairy-Free)
This is my gluten-free and dairy-free version of Taylor Swift's Chai Cookies! …

One response to “The BEST Coffee Cake (Gluten-Free & Dairy-free)”

Leave a Reply