Name: Cinnamon Coffee Cake with 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

If you’re anything like me, a slice of warm, tender coffee cake with a buttery, cinnamon-spiced crumble topping just hits the spot every single time. This Cinnamon Coffee Cake with Crumble Topping Recipe is one I absolutely adore because it’s got the perfect balance of moist crumb, sweet cinnamon swirls, and that irresistible crunchy topping. When I first tried this recipe, I couldn’t believe how easy it was to pull together yet how fancy it tasted—trust me, your kitchen and taste buds will thank you!

💚

Why You’ll Love This Recipe

Perfect Texture: Moist cake with a tender crumb and a crunchy cinnamon crumble that blends perfectly.
Simple Ingredients: Uses pantry staples that you probably already have on hand.
Versatile Treat: Ideal for breakfast, brunch, or a cozy afternoon snack alongside your favorite cup of coffee.
Reliable and Foolproof: Tried and tested tips make this recipe a breeze, even if you’re not an experienced baker.

The image shows a white baking dish with a dark blue rim filled with crumb cake cut into squares. One square piece is lifted slightly, showing two thick layers of soft, light yellow cake with a crumbly golden brown topping that looks rough and crunchy. The cake's crumb topping covers the whole surface and some crumbs are scattered on the white marbled surface next to the dish. A piece of blue and white cloth is partially visible under the dish near the bottom right corner. Photo taken with an iphone --ar 4:5 --v 7

Ingredients You’ll Need

Each ingredient in this Cinnamon Coffee Cake with Crumble Topping Recipe plays a key role in building flavor and texture. I love how the Greek yogurt adds moisture without weighing the cake down, and the cinnamon in both the filling and crumble gives you that warm, comforting aroma we all crave.

Brown sugar: Adds rich molasses notes and moisture for both the filling and crumble topping.
Cane sugar: Gives a clean sweetness that balances the deeper notes from brown sugar.
Cinnamon: The star spice here—don’t skimp! It layers the cake with cozy warmth.
All-purpose flour: I always spoon and level to get accurate measurements for the best texture.
Unsalted butter: Using room temperature butter helps create that tender, melt-in-your-mouth cake.
Baking powder and baking soda: Both leavening agents ensure a lovely rise without any bitterness.
Sea salt: Just a pinch enhances the flavors and balances the sweetness.
Large eggs: Eggs provide structure and richness—make sure they’re at room temp for easiest mixing.
Vanilla extract: Brings depth and rounds out the cake’s flavor beautifully.
Whole milk Greek yogurt: This is my secret ingredient for extra moistness and a subtle tang that keeps the cake from being too sweet.

Note: You’ll find the complete list of ingredients, along with their exact measurements, in the printable recipe card at the bottom of this post.

Variations

One of the things I love about this Cinnamon Coffee Cake with Crumble Topping Recipe is how easy it is to tailor it to your cravings or dietary needs. I’ve made it with both dairy-free yogurt and added mix-ins to switch things up and keep it exciting.

Nutty Twist: Adding chopped pecans or walnuts to the crumble topping gives an extra satisfying crunch and a toasty flavor my family goes crazy for.
Dairy-Free Version: Swapping Greek yogurt for full-fat coconut yogurt works beautifully and keeps the cake moist and tender.
Fruit Variation: I sometimes sprinkle fresh or frozen blueberries over the bottom layer of batter before adding the filling to add bursts of fresh flavor.
Less Sugar: You can reduce the cane sugar slightly if you prefer a less sweet cake without losing the texture or moisture.

How to Make Cinnamon Coffee Cake with Crumble Topping Recipe

Step 1: Prepping Your Pan and Oven

Start by preheating your oven to 350°F (175°C). Grease your 9×13-inch baking dish generously with butter or non-stick spray so your cake slips out effortlessly. I like to line the pan with parchment paper on the long sides to make lifting the cake out easier later on, but that’s totally optional.

Step 2: Whip Up That Sweet Cinnamon Filling

In a small bowl, stir together the brown sugar, cane sugar, and cinnamon until combined. This mixture is the magic swirl that adds a burst of cinnamony happiness inside your cake layers. Set it aside for now while you prepare the crumble and batter.

Step 3: Make the Crumble Topping

In a medium bowl, mix the flour, brown sugar, cane sugar, and cinnamon. Then cut in the room temperature butter using a spatula or your fingers until no dry flour remains and the mixture looks crumbly. Don’t overwork this—it should still have some lumps and not be too uniform. Setting this aside keeps it ready to top your cake just before baking.

Step 4: Mix the Dry Ingredients

In your largest bowl, whisk together the flour, baking powder, baking soda, and sea salt. This dry mix will give your cake structure and a beautiful rise. Make sure to measure your flour carefully—I always spoon and level to avoid dense cake.

Step 5: Cream Butter and Sugar, Then Add Eggs

Using a stand mixer or hand mixer, cream the softened butter until smooth and creamy, then gradually add the cane sugar and mix until fluffy and light. Add the eggs one at a time, beating well after each addition to keep the batter stable and uniform. Finally, mix in the vanilla extract for that lovely fragrance.

Step 6: Alternate Adding Dry Ingredients and Yogurt

Here’s the trick I learned to keep this cake super tender: add a quarter of the dry flour mixture, then one-third of the Greek yogurt, mixing gently after each addition. Repeat until all ingredients are combined, ending with the dry mix. This alternating method helps maintain a moist yet cakey texture without overmixing.

Step 7: Layer, Swirl, and Top

Spread half the batter evenly into your prepared pan. Sprinkle the cinnamon sugar filling over the batter in an even layer. Dollop the remaining batter on top in spoonfuls, then carefully spread it over the filling layer trying not to mix the layers together. Top with the crumble topping, covering the surface as evenly as possible.

Step 8: Bake to Golden Perfection

Bake the coffee cake for 45 to 50 minutes. You’ll know it’s done when the crumble topping is golden brown and a toothpick inserted in the center comes out clean or with just a few moist crumbs. Let it cool for at least 15 minutes before slicing so it settles beautifully without falling apart.

👨‍🍳

Pro Tips for Making Cinnamon Coffee Cake with Crumble Topping Recipe

Don’t Overmix: When combining ingredients, mix just until combined to keep the cake tender and light.
Room Temperature Butter and Eggs: This helps the batter combine more smoothly for a better crumb.
Measure Flour Carefully: Spoon the flour into your measuring cup and level off—too much flour can make your cake dry.
Watch Your Bake Time: Baking too long dries out the cake, so start checking at 45 minutes with a toothpick.

How to Serve Cinnamon Coffee Cake with Crumble Topping Recipe

A square piece of crumb cake sits on a white plate with crumbs scattered around. The cake has three visible layers: a darker brown crunchy base, a lighter yellow soft middle layer with a cinnamon swirl, and a crumbly golden-brown topping covering the top. A silver fork rests on the plate in the foreground. The setting is on a white marbled surface. photo taken with an iphone --ar 4:5 --v 7

Garnishes

I love keeping it simple with this cake—just a dusting of powdered sugar or a light drizzle of vanilla glaze to add a sweet sparkle. Fresh berries on the side brighten it up, and if it’s fall or winter, a little dollop of whipped cream with a sprinkle of cinnamon works wonders.

Side Dishes

This coffee cake pairs perfectly with a strong cup of coffee—americano or cappuccino for me—or even a chai latte. On brunch days, I serve it with scrambled eggs and fruit salad for a balanced, satisfying meal.

Creative Ways to Present

For special occasions, I bake this coffee cake in individual ramekins or muffin tins for personal servings—perfect for a brunch spread. Also, stacking slices with fresh fruit, a drizzle of honey, and a sprinkle of nuts can make your presentation really shine.

Make Ahead and Storage

Storing Leftovers

I store leftover coffee cake covered tightly with plastic wrap or in an airtight container at room temperature for up to 2 days. After that, the cake starts drying out, so I move it to the fridge if I plan to keep it longer.

Freezing

This taste-tested Cinnamon Coffee Cake with Crumble Topping Recipe freezes beautifully. I slice the cake, wrap individual pieces in plastic wrap, then place them in a freezer bag. This way, you can thaw just a slice or two whenever you need a treat.

Reheating

To reheat, I gently warm slices in the microwave for about 15-20 seconds or pop them in a 325°F oven wrapped in foil for 10-15 minutes to revive that fresh-baked softness without drying out the crumble topping.

FAQs

Can I use regular yogurt instead of Greek yogurt in this recipe?

Yes, you can substitute regular whole milk yogurt for Greek yogurt, but make sure it’s thick and not too runny to keep the cake moist and tender. If it’s thinner, reduce the milk or liquid in the recipe slightly to compensate.
Can I make this recipe vegan?

With some adjustments, yes! Use dairy-free yogurt, vegan butter or coconut oil, and an egg substitute like flax eggs or a commercial egg replacer. The texture might be slightly different, but it still tastes fantastic.
How do I know when the cake is fully baked?

Insert a toothpick into the center—if it comes out clean or with a few moist crumbs (but no raw batter), it’s done. Watch closely from 45 minutes onward to avoid overbaking.
Can I make this cake in a different size pan?

You can, but baking times will vary. A smaller pan will make the cake thicker and require longer baking, while a larger pan will be thinner and cook faster. Make sure to adjust and check frequently.

Final Thoughts

Honestly, this Cinnamon Coffee Cake with Crumble Topping Recipe is a keeper in my cookbook because it combines everything I want from a coffee cake: richness, warmth, and that perfect crumbly crunch. I’m always thrilled when friends tell me how simple it was to make but how impressive it tastes. So trust me when I say, once you try this, it’s going to become your go-to for cozy mornings and coffee breaks. Go ahead, bake it, share it, and enjoy every delightful bite!