• Breakfast
  • Side-Dish
  • Recipe Index
  • About
  • Contact
menu icon
go to homepage
  • Breakfast
  • Side-Dish
  • Recipe Index
  • About
  • Contact
search icon
Homepage link
  • Breakfast
  • Side-Dish
  • Recipe Index
  • About
  • Contact
×

Coffee Cake with Cinnamon Sugar Swirl Recipe

Published: Jan 7, 2026 by Ilina · This post may contain affiliate links · Leave a Comment

↓ Jump to Recipe

I absolutely adore making this Coffee Cake with Cinnamon Sugar Swirl Recipe whenever I want something comforting and delicious to share with friends or family. The moment you bite into its tender crumb filled with the irresistible cinnamon sugar swirl, you’ll understand why it’s become a personal favorite. It’s the perfect treat to accompany your morning cup of coffee or to enjoy as a warm dessert any time of day, combining simple ingredients into a deeply satisfying flavor experience.

Why You'll Love This Coffee Cake with Cinnamon Sugar Swirl Recipe

What truly makes this coffee cake stand out for me is its perfect balance of sweet and warmly spiced cinnamon sugar layered within a moist, tender cake. Every bite reveals that gooey, fragrant swirl that feels like a little hug in dessert form. I’ve always loved cinnamon, but the way this recipe cascades cinnamon sugar through the middle and atop the cake adds a beautiful textural contrast that’s both crispy and delightfully soft.

Besides the fantastic flavor, one of the reasons I keep coming back to this Coffee Cake with Cinnamon Sugar Swirl Recipe is how simple it is to throw together. It requires no fancy equipment or complicated techniques—just straightforward mixing and layering that anyone can master. This cake bakes up beautifully in a standard 9x13-inch pan and serves a crowd, making it ideal for brunches, potlucks, or cozy weekend mornings at home. It’s becomes a centerpiece quickly, and I love sharing it because of how much everyone enjoys it.

Ingredients You'll Need

A white rectangular baking dish holds a dessert with a rough, crumbly golden brown topping spread around the edges and in patches across the surface. Beneath this topping, a shiny amber caramel sauce mingled with white creamy streaks creates a glossy, textured layer. The dish is placed on a white marbled surface, highlighting the warm colors of the dessert and the smooth, clean edges of the dish. photo taken with an iphone --ar 4:5 --v 7

The charm of this recipe comes from straightforward, classic ingredients that come together to create something special. Each one plays an essential role—flour and baking powder provide the cake's light, airy structure, while brown sugar and cinnamon add that signature rich swirl that permeates every bite.

 

Quick Tip

All ingredient amounts are listed in the recipe card below

  • 2 large eggs: Lightly beaten to add richness and help bind the batter together.
  • 1 cup vegetable oil: Keeps the cake moist and tender without overpowering flavors.
  • 1¼ cups milk: Adds moisture and a creamy texture to the batter.
  • 1 tablespoon vanilla extract: Enhances the sweetness and brings out the cinnamon notes.
  • 3 cups all-purpose flour: Forms the base of the cake with the perfect structure.
  • 1 cup sugar: Provides a subtle sweetness in the cake crumb.
  • 1 tablespoon baking powder: Ensures the cake rises to a light, fluffy texture.
  • ½ teaspoon salt: Balances the sweetness and strengthens flavor.
  • 1¼ cups packed light brown sugar: Blended with cinnamon for the signature swirl’s deep molasses flavor.
  • 1 tablespoon ground cinnamon: The star spice that creates that heavenly swirl throughout the cake.
  • ¼–⅓ cup unsalted butter, melted: Drizzled on top for a golden, slightly crisp finishing touch.

Directions

Step 1: Preheat your oven to 350°F. Lightly grease a 9x13-inch baking dish to prevent sticking, then set it aside so it’s ready when the batter is prepared.

Step 2: In a large mixing bowl, whisk together the lightly beaten eggs, vegetable oil, milk, and vanilla extract until everything is smoothly combined.

Step 3: In a separate medium bowl, mix the all-purpose flour, sugar, baking powder, and salt thoroughly. This dry mix will create the perfect structure and sweetness for your cake.

Step 4: Gradually add the dry ingredients to the wet ingredients and stir gently until the batter is smooth and consistent. Be careful not to overmix, or the cake could become tough.

Step 5: Pour half of the batter into your prepared baking dish and spread it out evenly with a spatula for a solid base layer.

Step 6: In a medium bowl, combine the brown sugar and cinnamon until well mixed. This will become your luscious cinnamon sugar swirl.

Step 7: Evenly sprinkle half of the cinnamon sugar mixture over the batter in the pan. Then carefully spread the remaining batter on top of the cinnamon sugar layer, followed by sprinkling the rest of the cinnamon sugar mixture evenly across the surface.

Step 8: Drizzle the melted butter over the top. You can vary the amount slightly depending on how rich and buttery you want your topping.

Step 9: Bake the cake in your preheated oven for 35 to 40 minutes. You’ll know it’s ready when a toothpick inserted into the center comes out with just a few moist crumbs clinging to it. Serve warm for that melt-in-your-mouth experience.

Servings and Timing

This Coffee Cake with Cinnamon Sugar Swirl Recipe makes about 15 hearty servings, perfect for a crowd or multiple breakfasts. The prep time is a quick 10 minutes, mainly for mixing and layering the batter and cinnamon sugar.

Your oven does the hard work during the 35-40 minute bake time. After baking, I recommend letting the cake cool for about 5-10 minutes so it settles and slices beautifully without falling apart. The total time from start to finish is around 55 minutes — a great window to get everything ready without rushing.

How to Serve This Coffee Cake with Cinnamon Sugar Swirl Recipe

A piece of cinnamon coffee cake on a white plate shows two layers: the bottom layer is light beige, soft and moist cake, while the top layer is a golden brown crumbly cinnamon sugar topping with a slightly crispy texture. A small square piece of cake is on a silver fork resting on the plate, showing the soft inside and crumbly top. In the background, a second piece of the cake is on another white plate, and the surface has a white marbled texture. The photo taken with an iphone --ar 4:5 --v 7

I love serving this coffee cake warm, just out of the oven, because the cinnamon sugar swirl is soft and gooey, and the buttery top still has a slight crunch. If you plan to serve it later, warming slices gently in the microwave for 15-20 seconds revitalizes those delightful textures.

This cake pairs wonderfully with a dollop of whipped cream or a scoop of vanilla ice cream for a dessert touch. For breakfast or brunch, a simple dusting of powdered sugar adds an elegant finish. I sometimes sprinkle chopped toasted nuts like pecans or walnuts on top for extra crunch and nuttiness — it’s such a fun variation that really brings the cake to life.

Variations

Over time, I’ve experimented with tweaking this Coffee Cake with Cinnamon Sugar Swirl Recipe to suit different tastes and dietary needs. For a gluten-free version, substituting the all-purpose flour with a reliable gluten-free blend works beautifully — just make sure it includes xanthan gum to maintain the cake’s texture.

If you prefer a vegan option, replacing eggs with flaxseed meal mixed with water and using a plant-based milk like almond or oat milk makes the cake just as moist and flavorful. I’ve also swapped vegetable oil for melted coconut oil, which adds a subtle tropical twist that pairs surprisingly well with cinnamon.

Want a fruity twist? Adding fresh or dried berries into the batter or along with the cinnamon sugar layers adds bursts of tartness and vibrant color. For a richer flavor profile, mixing some chopped nuts like pecans or walnuts into the batter or topping elevates the texture. For a different cooking method, I’ve had success using muffin tins to make individual portions that bake faster and are perfect for on-the-go treats.

Storage and Reheating

Storing Leftovers

After enjoying this lovely coffee cake, I always wrap any leftovers tightly with plastic wrap or place them in an airtight container to keep them moist and fresh. Stored at room temperature, the cake stays delightfully soft and tasty for up to 2 days. If your kitchen is warm, popping it in the fridge extends the freshness for about 4 days, though I recommend warming slices before serving to bring back that fresh-baked feel.

Freezing

This cake freezes wonderfully, which makes it my go-to recipe for prepping ahead. I slice it into portions first, then wrap each piece tightly in plastic wrap and place them inside a freezer bag or container. This method prevents freezer burn and maintains the texture. I’ve kept these frozen treats for up to 3 months with no noticeable loss in flavor or moisture. When you’re ready, just thaw slices overnight in the fridge or at room temperature for a couple of hours.

Reheating

When reheating, I avoid the microwave for more than brief bursts because it can sometimes make the cake rubbery or dry. Instead, I prefer warming slices in a conventional oven or toaster oven at 300°F for about 8-10 minutes. This helps re-crisp the buttery topping and refreshes the tender crumb inside. You can add a tiny pat of butter on top before warming for extra moistness and buttery aroma.

FAQs

Can I use whole wheat flour instead of all-purpose flour?

Yes, you can substitute whole wheat flour for all or part of the all-purpose flour to add more fiber and a nuttier flavor. Keep in mind the texture may be a bit denser and you might want to increase the liquid slightly to compensate for whole wheat’s absorbency.

Is it possible to make this recipe dairy-free?

Absolutely! Use plant-based milk like almond, soy, or oat milk instead of regular milk, and swap the butter for a vegan margarine or coconut oil. These substitutions still yield a moist and flavorful cake that everyone will enjoy.

What is the best way to get a distinct cinnamon sugar swirl?

The key is layering the batter and cinnamon sugar in two stages, as described in the recipe, and gently spreading the batter to avoid mixing the layers. Drizzling melted butter on top also accentuates the cinnamon sugar’s caramelization during baking, enhancing the swirl’s flavor and texture.

Can I make smaller coffee cakes or muffins with this recipe?

Yes! This batter works well for muffin tins or smaller pans. Keep an eye on baking time as it will be significantly less—usually about 18-22 minutes for muffins, and test with a toothpick often. Adjust quantities accordingly if making mini cakes.

How do I know when the coffee cake is fully baked?

Insert a toothpick into the center after about 35 minutes of baking. If it comes out clean or with just a few moist crumbs, the cake is done. The top should also be golden brown with the cinnamon sugar caramelized but not burnt.

Conclusion

If you’re looking for a crowd-pleasing dessert or a cozy breakfast treat, I know you’ll love trying out this Coffee Cake with Cinnamon Sugar Swirl Recipe as much as I do. It’s a simple recipe that turns ordinary ingredients into something wonderfully special and comforting. I can’t wait for you to make it, share it, and enjoy every sweet, cinnamon-kissed bite!

Print

Coffee Cake with Cinnamon Sugar Swirl Recipe

Coffee Cake with Cinnamon Sugar Swirl Recipe
Print Recipe
Pin Recipe

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

3.9 from 8 reviews

This classic Coffee Cake recipe features a tender, moist cake layered with a cinnamon-sugar mixture and topped with melted butter, baked to golden perfection. Perfect for breakfast or an afternoon treat, it serves 15 and brings a delightful cinnamon swirl in every bite.

  • Author: Ilina
  • Prep Time: 15 minutes
  • Cook Time: 35-40 minutes
  • Total Time: 50-55 minutes
  • Yield: 15 servings
  • Category: Dessert
  • Method: Baking
  • Cuisine: American

Ingredients

Wet Ingredients

  • 2 large eggs, lightly beaten
  • 1 cup vegetable oil
  • 1¼ cups milk
  • 1 tablespoon vanilla extract

Dry Ingredients

  • 3 cups all-purpose flour
  • 1 cup sugar
  • 1 tablespoon baking powder
  • ½ teaspoon salt

Cinnamon Sugar Topping

  • 1¼ cups packed light brown sugar
  • 1 tablespoon ground cinnamon
  • ¼-⅓ cup unsalted butter, melted

Instructions

  1. Preheat Oven: Preheat your oven to 350°F (175°C). Lightly grease a 9x13-inch baking dish and set it aside to prepare for the batter.
  2. Mix Wet Ingredients: In a large mixing bowl, whisk together the lightly beaten eggs, vegetable oil, milk, and vanilla extract until fully combined and smooth.
  3. Combine Dry Ingredients: In a separate medium bowl, thoroughly mix the all-purpose flour, sugar, baking powder, and salt to ensure even distribution of the leavening agent and salt.
  4. Combine Batter: Gradually add the dry ingredients to the wet mixture, stirring well until the batter is smooth and homogeneous. Pour half of this batter into the prepared baking dish, spreading it evenly.
  5. Prepare Cinnamon Sugar: In another medium bowl, mix the packed light brown sugar with ground cinnamon until evenly blended to create the flavorful cinnamon sugar layer.
  6. Layer the Cake: Sprinkle half of the cinnamon sugar mixture evenly over the batter in the baking dish. Carefully spread the remaining batter over this cinnamon sugar layer in an even layer. Then sprinkle the rest of the cinnamon sugar on top of the batter.
  7. Add Butter Topping: Drizzle the melted unsalted butter evenly over the entire top of the assembled batter and cinnamon sugar layers, adjusting the amount to your preference for richness.
  8. Bake: Place the baking dish in the preheated oven and bake for 35 to 40 minutes, or until a toothpick inserted into the center of the cake comes out with just a few moist crumbs attached.
  9. Serve: Allow the coffee cake to cool slightly, then serve warm to enjoy its tender crumb and rich cinnamon flavor at its best.

Notes

  • Use room temperature eggs and milk to help the batter mix more smoothly.
  • Do not overmix the batter once wet and dry ingredients are combined to keep the cake tender.
  • The amount of melted butter drizzled on top can be adjusted for a richer or lighter finish.
  • For extra texture, you can add chopped nuts like walnuts or pecans to the cinnamon sugar layer.
  • Store leftovers in an airtight container at room temperature for up to 3 days or refrigerate for up to 5 days.
  • Reheat slices gently in the microwave for a warm, fresh-from-the-oven experience.

Have you made this recipe? I'd love to see it!

Click here to Follow me on Pinterest

More Desserts

  • Cannoli Cheesecake Recipe
    Cannoli Cheesecake Recipe
  • Chocolate Peanut Butter Banana Ghost Pops Recipe
    Chocolate Peanut Butter Banana Ghost Pops Recipe
  • Oreo Stuffed Fudgy Brownies Recipe
    Oreo Stuffed Fudgy Brownies Recipe
  • Aussie Lemon Coconut Slice Cake Recipe
    Aussie Lemon Coconut Slice Cake Recipe

Leave a Reply Cancel reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star

Welcome to Recipe Feast Ful

A place where food is more than just what's on your plate. It's about the stories, the laughter, the messy countertops, and those perfect bites that make you close your eyes and smile.

Learn more

Popular

  • Fresh Mango Salsa Recipe
    Fresh Mango Salsa Recipe
  • Spicy Peanut Soup with Sweet Potatoes and Kale Recipe
    Spicy Peanut Soup with Sweet Potatoes and Kale Recipe
  • Stuffed Chicken Parmesan Recipe
    Stuffed Chicken Parmesan Recipe
  • Healthy Pumpkin Muffins Recipe
    Healthy Pumpkin Muffins Recipe

Footer

↑ back to top

Explore

  • Appetizers and Snacks
  • Breakfast
  • Soups
  • Dinner
  • Side-Dish
  • Desserts
  • Drinks

About

  • Privacy Policy
  • Terms & Conditions
  • Contact
  • Disclosure
  • DMCA

We may earn from qualifying purchases through affiliate links at no extra cost to you.

Copyright © 2025 Recipe Feast Ful. All rights reserved.