If you have a soft spot for cozy mornings and sweet treats, you are going to fall head over heels for this Coffee Cake with Cinnamon Swirl and Crumble Topping Recipe. Imagine a tender, buttery cake with a luscious cinnamon swirl that twists through every bite, topped with a crunchy, buttery crumble that adds the perfect contrast. It’s like a warm hug in dessert form, ideal for breakfast, brunch, or anytime you crave a slice of comforting sweetness that feels homemade but impresses everyone around the table.
Ingredients You’ll Need
Getting to know your ingredients is the first step toward baking this delightful treat. Each component in this recipe plays a starring role—whether providing tenderness, richness, a touch of sweetness, or that iconic cinnamon flavor that makes this coffee cake unforgettable.
- 1 1/2 cups all-purpose flour: The backbone of the cake, providing structure and a soft crumb.
- 1/2 cup granulated sugar: Adds sweetness and helps the cake brown beautifully.
- 2 teaspoons baking powder: For that lovely lift and airy texture.
- 1/4 teaspoon salt: Balances the sweetness and enhances flavor depth.
- 1/2 cup milk: Keeps the batter moist and tender.
- 1/3 cup vegetable oil: A neutral fat that ensures moistness without overpowering flavors.
- 1 large egg: Binds ingredients and contributes to the cake’s richness.
- 1 teaspoon vanilla extract: Adds a warm, fragrant note to the cake base.
- For the Cinnamon Swirl – 1/3 cup packed brown sugar: Deep caramel notes that blend perfectly with cinnamon.
- 1 tablespoon ground cinnamon: The spice star that creates that inviting swirl flavor.
- 1 tablespoon melted butter: Adds moisture and richness to the swirl.
- For the Crumble Topping – 1/4 cup all-purpose flour: Creates structure in the crumbly topping.
- 1/4 cup brown sugar: Sweetness with a hint of molasses that complements the cinnamon.
- 1/4 teaspoon ground cinnamon: A light spice kick in the topping.
- 2 tablespoons cold butter, cut into small pieces: Essential for that perfect crumbly texture.
How to Make Coffee Cake with Cinnamon Swirl and Crumble Topping Recipe
Step 1: Prepare Your Pan and Oven
Start by preheating your oven to 350°F (175°C). Grease and lightly flour an 8-inch square baking pan to ensure your coffee cake doesn’t stick and bakes evenly. This simple prep sets the stage for a flawless bake.
Step 2: Mix the Dry Ingredients
In a large bowl, whisk together the all-purpose flour, granulated sugar, baking powder, and salt. This creates the perfect dry base that will give your cake its light and tender crumb.
Step 3: Combine the Wet Ingredients
In a separate bowl, blend the milk, vegetable oil, egg, and vanilla extract until smooth. This mixture brings moisture and richness to the batter, binding everything together beautifully.
Step 4: Bring Wet and Dry Together
Pour the wet ingredients into the dry. Stir gently until just combined — remember, overmixing can make the cake dense, so be gentle here to keep the texture delightfully soft.
Step 5: Mix the Cinnamon Swirl
In a small bowl, whisk together the brown sugar, cinnamon, and melted butter. This mixture will become the irresistible cinnamon swirl nestled inside your cake, injecting pockets of sweet spice with every bite.
Step 6: Layer Batter and Swirl
Pour half of the batter into the prepared pan and spread it evenly. Sprinkle the cinnamon swirl mixture evenly over this layer—this is where your cake starts to get exciting, with that inviting cinnamon ribbon.
Step 7: Add the Remaining Batter
Pour the remaining batter over the cinnamon swirl and spread gently to cover it, keeping the swirl mostly intact so those gorgeous cinnamon pockets remain.
Step 8: Prepare and Add the Crumble Topping
To make the crumble, mix the flour, brown sugar, and cinnamon in a bowl. Cut in the cold butter using your fingertips until the mixture resembles coarse crumbs. Sprinkle this evenly over the batter to create a buttery, crisp contrast once baked.
Step 9: Bake it to Perfection
Bake the cake for 30-35 minutes. It’s ready when a toothpick inserted into the center comes out clean. The aroma of cinnamon and buttery topping will let you know it’s time.
Step 10: Cool and Serve
Allow the cake to cool slightly before slicing. This resting time makes the cake easier to cut and lets the flavors settle for each melt-in-your-mouth piece.
How to Serve Coffee Cake with Cinnamon Swirl and Crumble Topping Recipe

Garnishes
While the cake is stunning on its own, you can elevate it by dusting a little powdered sugar over the top or serving with a dollop of whipped cream or a drizzle of cream cheese glaze. A sprinkle of chopped nuts adds texture and a nutty counterpoint to the sweetness.
Side Dishes
This coffee cake pairs beautifully with a hot cup of freshly brewed coffee or a creamy latte, making it an ideal companion for breakfast or afternoon tea. Fresh fruit or a simple yogurt parfait also provides a refreshing balance to the richness.
Creative Ways to Present
For a charming brunch display, serve slices on a rustic wooden board surrounded by cinnamon sticks and star anise. Wrap individual slices in parchment paper tied with twine for an adorable take-home treat when hosting gatherings.
Make Ahead and Storage
Storing Leftovers
Store any leftover coffee cake in an airtight container at room temperature for up to two days. This keeps the cake moist and delicious, perfect for quick snacks or an extra morning treat.
Freezing
This coffee cake freezes wonderfully. Wrap it tightly in plastic wrap and then foil, and freeze for up to three months. Thaw overnight in the fridge before serving for a fresh-baked taste any time.
Reheating
Warm individual slices in the microwave for about 15-20 seconds or briefly in a low oven to revive that freshly baked softness and bring back the melty richness of the crumble topping.
FAQs
Can I use a different oil instead of vegetable oil?
Absolutely! Oils like canola or light olive oil work great and will keep the cake moist without affecting the flavor dramatically.
Is it possible to make this coffee cake gluten-free?
Yes, you can substitute the all-purpose flour with a gluten-free blend made for baking. Just be sure to check if any adjustments to the liquid are needed based on your mix.
Why is it important not to overmix the batter?
Overmixing develops gluten in the flour, leading to a tougher, denser cake. Stopping as soon as ingredients combine ensures a tender crumb.
Can I make the cinnamon swirl and crumble topping ahead of time?
Definitely! You can prepare both the cinnamon swirl and crumble topping mixtures and store them in the fridge for up to a day before baking, which saves time on baking day.
What’s the best way to cut this coffee cake?
Letting the cake cool completely helps it hold together when sliced. Use a sharp serrated knife, and wipe the blade clean between cuts for neat slices.
Final Thoughts
This Coffee Cake with Cinnamon Swirl and Crumble Topping Recipe is truly a showstopper that brings warmth, nostalgia, and flavor to your kitchen. Whether you’re welcoming guests or indulging in a quiet moment, this cake is a comforting, delicious choice you’ll want to make again and again. So, grab your mixing bowls and give this classic delight a whirl—you’ll be rewarded with smiles and sweet satisfaction every time.
Print
Coffee Cake with Cinnamon Swirl and Crumble Topping Recipe
- Prep Time: 15 minutes
- Cook Time: 30-35 minutes
- Total Time: 45-50 minutes
- Yield: 9 servings
- Category: Breakfast, Dessert
- Method: Baking
- Cuisine: American
Description
This classic Mix Coffee Cake features a tender, moist crumb with a delightful cinnamon swirl and a crisp, buttery crumble topping. Perfect for breakfast or a sweet snack, it bakes up beautifully in under an hour and serves nine.
Ingredients
Dry Ingredients
- 1 1/2 cups all-purpose flour
- 1/2 cup granulated sugar
- 2 teaspoons baking powder
- 1/4 teaspoon salt
Wet Ingredients
- 1/2 cup milk
- 1/3 cup vegetable oil
- 1 large egg
- 1 teaspoon vanilla extract
Cinnamon Swirl
- 1/3 cup brown sugar (packed)
- 1 tablespoon ground cinnamon
- 1 tablespoon melted butter
Crumble Topping
- 1/4 cup all-purpose flour
- 1/4 cup brown sugar
- 1/4 teaspoon ground cinnamon
- 2 tablespoons cold butter (cut into small pieces)
Instructions
- Preheat the oven: Preheat your oven to 350°F (175°C) and grease and flour an 8-inch square baking pan to prevent sticking.
- Mix dry ingredients: In a large bowl, whisk together the all-purpose flour, granulated sugar, baking powder, and salt until well combined.
- Combine wet ingredients: In a separate bowl, mix the milk, vegetable oil, egg, and vanilla extract until the mixture is smooth and homogeneous.
- Blend wet and dry: Pour the wet ingredients into the dry ingredients and gently stir just until combined, taking care not to overmix to keep the cake tender.
- Prepare cinnamon swirl: In a small bowl, combine the brown sugar, ground cinnamon, and melted butter, mixing until fully incorporated.
- Layer batter and swirl: Pour half of the batter into the prepared pan, then evenly sprinkle the cinnamon swirl mixture over the batter layer.
- Add remaining batter: Pour the remaining batter on top of the cinnamon swirl and gently spread it to cover the swirl layer completely.
- Make crumble topping: Mix together the flour, brown sugar, and ground cinnamon. Add the cold butter pieces and use your fingers to cut it into the mixture until it resembles coarse crumbs. Sprinkle this crumbly topping evenly over the batter in the pan.
- Bake: Place the pan in the preheated oven and bake for 30 to 35 minutes, or until a toothpick inserted into the center comes out clean.
- Cool and serve: Allow the coffee cake to cool slightly in the pan before slicing into nine pieces and serving warm or at room temperature.
Notes
- Be careful not to overmix the batter to ensure a soft, tender crumb.
- The crumble topping can be made ahead and refrigerated until ready to use.
- Use a toothpick test to check doneness to avoid under or over baking.
- For extra flavor, consider adding chopped nuts to the crumble topping.
- This coffee cake is best enjoyed fresh but can be stored in an airtight container for up to 2 days.


