Name: Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe
Prep time: 20 min
Cook time: 45 min
Total time: 1 h 5 min
Cuisine: American
Ingredients: ⅓ cup brown sugar; ¼ cup cane sugar; 1 teaspoon cinnamon; ⅔ cup all-purpose flour, spooned and leveled; ⅓ cup brown sugar; ¼ cup cane sugar; 1 teaspoon cinnamon; 5 tablespoons unsalted butter, at room temperature; 2½ cups plus 2 tablespoons all-purpose flour, spooned and leveled; 1½ teaspoons baking powder; 1½ teaspoons baking soda; ¾ teaspoon sea salt; ¾ cup unsalted butter, at room temperature; 1½ cups cane sugar; 3 large eggs; 1½ teaspoons vanilla extract; 1½ cups whole milk Greek yogurt

Jump to Recipe· 3.8 from 14 reviews

I absolutely adore starting my day with a slice of this Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe. It’s the perfect blend of moist, tender cake layered with a sweet cinnamon swirl and topped with an irresistible buttery crumble that melts in your mouth. Whenever I bake this, my kitchen fills with a warm, inviting aroma that pulls everyone in for a taste. It’s become one of my go-to treats not just for breakfast but also for brunch and afternoon coffee breaks—it’s truly a crowd-pleaser.

Why You’ll Love This Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe

What makes this coffee cake so special to me is its harmony of flavors and textures. The cinnamon swirl in the middle delivers a luscious, sweet-spiced punch that perfectly contrasts the tender cake layers. Then, the crumble topping adds just the right amount of buttery crunch, giving the whole cake a delightful texture that keeps me coming back for more. Every bite feels like a warm hug, especially with the cozy cinnamon notes woven throughout. It’s like comfort dessert meets breakfast magic.

Another reason I’m hooked on this Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe is how straightforward it is to make. Despite how impressive it looks and tastes, the preparation is wonderfully simple and approachable—no fussing with complicated ingredients or skills. I appreciate that it comes together with pantry staples, and the step-by-step layering makes it foolproof. It’s brilliant for those weekend mornings when I want something delicious but don’t want to spend the whole day in the kitchen. Plus, it’s perfect for sharing during holidays, brunch parties, or just any day you want to brighten up with a special treat.

Ingredients You’ll Need

A white bowl filled with flour has a 1-cup white measuring cup resting inside it. Below and to the right, a gray bowl holds brown sugar, white sugar, and cinnamon side by side. In front of that, a white bowl has a mix of butter, flour, brown sugar, cinnamon, and granulated sugar. Three brown eggs are placed next to a white bowl filled with thick white cream. Small clear glass bowls contain baking soda, salt, and another white powder, with a dark glass bottle nearby. The surface is white marble, and a woman's hand is not visible in this image. Photo taken with an iphone --ar 4:5 --v 7

This recipe shines because it uses simple, essential ingredients that each play an important role in delivering that moist cake, rich cinnamon filling, and buttery crumble topping. From the creamy butter that enriches the crumb, to the tangy Greek yogurt that keeps the cake tender, every component has a purpose to make this cake truly special.

Baking powder and baking soda: These leavening agents help the cake rise to a perfect fluffy texture.
All-purpose flour: The base of the cake and topping, providing structure and crumb.
Unsalted butter: Adds richness and moisture to the cake and makes the crumble topping delectably buttery.
Cane sugar and brown sugar: Combine for sweetness with subtle caramel notes, especially in the crumble and filling.
Ground cinnamon: Infuses the cake with its signature warm, aromatic spice.
Greek yogurt: This ingredient keeps the cake extra moist and tender without heaviness.
Vanilla extract: Adds a lovely depth of flavor that complements the cinnamon perfectly.
Eggs: Bind everything together and contribute to the cake’s tender crumb.
Sea salt: Enhances all the flavors and balances the sweetness wonderfully.

Directions

Step 1: Preheat your oven to 350°F and grease a 9×13-inch baking dish. I like to use non-stick spray or butter and a dusting of flour to make sure nothing sticks.

Step 2: Prepare the cinnamon filling by mixing together ⅓ cup brown sugar, ¼ cup cane sugar, and 1 teaspoon cinnamon in a small bowl. Set this sweet mixture aside.

Step 3: For the crumble topping, combine ⅔ cup all-purpose flour, ⅓ cup brown sugar, ¼ cup cane sugar, and 1 teaspoon cinnamon in a medium bowl. Add 5 tablespoons of room temperature unsalted butter and gently mix with a spatula until crumbly but with no dry flour left. Don’t overmix or it will lose that perfect crunchy texture. Set it aside.

Step 4: In a large bowl, whisk together the dry ingredients for the cake: 2½ cups plus 2 tablespoons all-purpose flour, 1½ teaspoons baking powder, 1½ teaspoons baking soda, and ¾ teaspoon sea salt.

Step 5: Using a stand mixer or hand mixer, cream ¾ cup unsalted butter until fluffy. Add 1½ cups cane sugar and mix well. Beat in 3 large eggs one at a time, making sure each is fully incorporated before the next goes in. Then stir in 1½ teaspoons vanilla extract.

Step 6: Alternately add the dry ingredients and 1½ cups whole milk Greek yogurt to the butter mixture, starting and ending with the dry ingredients. Mix gently after each addition until just combined. This ensures the cake stays light and moist.

Step 7: Spread half of the batter evenly across the bottom of the prepared pan. Sprinkle the cinnamon sugar filling evenly on top.

Step 8: Dollop spoonfuls of the remaining batter over the filling. Then carefully spread it out with a spatula to form an even layer, making sure not to disturb the cinnamon filling below.

Step 9: Scatter the crumble topping evenly over the top. This will bake into a crispy, buttery layer that I just adore.

Step 10: Bake for 45 to 50 minutes, or until a toothpick inserted into the center comes out clean. Let the cake cool for at least 15 minutes before slicing so the layers set nicely.

Servings and Timing

This Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe yields 15 to 18 generous servings, making it perfect to share with family and friends. It takes about 20 minutes to prep, plus 45 minutes for baking, so budget about an hour and 5 minutes total. I recommend allowing an extra 10 to 15 minutes for cooling—it helps the cake slice cleanly and taste even better.

How to Serve This Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe

A piece of crumb cake is shown on a white plate with a silver fork resting next to it. The cake has two layers: the bottom layer is golden brown and moist, while the top layer is a thick, crumbly topping with a light brown and slightly rough texture. In the background, there is another similar piece of crumb cake on a white plate, slightly out of focus. Both plates sit on a white marbled surface. photo taken with an iphone --ar 4:5 --v 7

When I’m serving this cake, I love to keep it simple to showcase its wonderful flavors. Warm slices of this coffee cake go beautifully with a hot cup of black coffee or a creamy latte. For a brunch gathering, I’ll serve it alongside fresh fruit or a light yogurt parfait—it balances the cake’s sweetness perfectly. I’ve also found that a little dollop of whipped cream or a drizzle of honey on top can elevate each bite to something truly special.

Presentation-wise, I like to cut the cake into squares about 2 to 3 inches wide. It makes for easy, generous portions without overwhelming anyone’s plate. If I’m feeling festive, sprinkling a tiny pinch of powdered sugar over the top right before serving instantly adds charm and highlights the crumble topping’s texture.

This coffee cake is fantastic warm or at room temperature. I typically serve it warm right out of the oven when possible, which highlights the soft crumb and melty buttery topping. However, it tastes excellent the next day too, making it an ideal make-ahead option for holiday breakfasts or casual weekend brunches. I wouldn’t recommend chills for this one, though—the crumble loses some of its magic when cold.

Variations

One of the great things about this Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe is how adaptable it is. If you want to switch things up, try adding chopped nuts like pecans or walnuts to the crumble topping for extra crunch and flavor. You could also swirl in some fresh or frozen berries along with the cinnamon filling for a fruity twist.

If you’re baking for someone with dietary restrictions, I’ve had success making this cake gluten-free by substituting the all-purpose flour with a gluten-free baking blend. For a dairy-free version, swapping butter for a vegan margarine and using a plant-based yogurt works beautifully without sacrificing moistness or richness. Vegan egg substitutes like flax eggs can also be used to make it completely plant-based.

For a different flavor profile, experimenting with spices like cardamom or nutmeg added to the cinnamon mixture can make the cake more complex and interesting. You can even use the same batter to make muffins or mini loaf cakes if you want portable treats. Just adjust the baking time accordingly!

Storage and Reheating

Storing Leftovers

When I have leftovers, I store this cake in an airtight container at room temperature for up to three days. If my kitchen is warm, I prefer to keep it covered and refrigerated to maintain freshness. Just make sure to bring the slices back to room temperature or warm them slightly before serving to revive the crumble’s texture.

Freezing

This coffee cake freezes wonderfully. I let it cool completely, then wrap it tightly in plastic wrap followed by a layer of aluminum foil to prevent freezer burn. You can freeze it whole or sliced into individual portions for easier thawing. It will keep well for up to 3 months in the freezer.

Reheating

To reheat, I recommend warming slices gently in the microwave for 20 to 30 seconds or placing them in a preheated oven at 325°F for about 10 minutes. This helps refresh the buttery crumble topping and brings back that newly baked softness. Avoid overheating, as it can dry out the cake or make the crumble too hard.

FAQs

Can I use regular yogurt instead of Greek yogurt?

Yes, you can use regular yogurt, but Greek yogurt adds extra creaminess and thickness that helps keep the cake moist and tender. If you substitute regular yogurt, strain it first to remove some whey for the best results.

Is this coffee cake suitable for a gluten-free diet?

Definitely! By replacing the all-purpose flour with a good-quality gluten-free baking blend, you can easily make this cake gluten-free. Just be mindful that texture might vary slightly, but it remains delicious.

Can I prepare this cake the night before and bake it in the morning?

You can assemble the cake the night before, keep it covered in the fridge, and bake it the next morning. Let it come to room temperature for about 15 minutes before putting it in the oven so it bakes evenly.

What if I don’t have brown sugar—can I use only white sugar?

While brown sugar adds a richer, caramel flavor especially in the crumble and filling, you can substitute with white sugar in equal amounts. The cake will still be tasty but the depth of flavor will be slightly lighter.

How do I know when the cake is done baking?

The best test is to insert a toothpick into the center of the cake. If it comes out clean or with just a few moist crumbs, the cake is done. Baking longer might dry it out, so check towards the end of the baking time.

Conclusion

Trust me when I say this Cinnamon Swirl Coffee Cake with Buttery Crumble Topping Recipe is one you’ll want to make again and again. It brings together the best of tender cake, sweet cinnamon filling, and crunchy buttery topping all in one delightful treat. Whether you’re sharing with loved ones over coffee or indulging in a cozy solo moment, this cake makes every bite feel special. I can’t wait for you to try it and fall in love just like I have!