Swirl Cinnamon Coffee Cake for a Soft, Warm, and Cozy Treat

This Swirl Cinnamon Coffee Cake brings together everything you love about homemade baking: a soft, tender crumb, a buttery cinnamon swirl running through every slice, and a perfectly golden topping that bakes into a delicate, fragrant crust. It’s the kind of cake that feels warm and comforting, ideal for slow mornings, afternoon breaks, or weekend gatherings with friends and family.

With simple ingredients and an easy mixing method, this recipe creates a beautiful layered effect without complicated techniques. The cinnamon swirl melts into the cake as it bakes, adding moisture, sweetness, and a cozy aroma that fills the whole kitchen. Whether you enjoy it with coffee, tea, or a glass of milk, this cake delivers pure comfort in every bite.

Table of Contents

Why You’ll Love This Swirl Cinnamon Coffee Cake

1. Soft, tender texture

The batter stays moist and fluffy thanks to butter, eggs, and a touch of milk or yogurt.

2. Rich cinnamon swirl

A warm, buttery cinnamon mixture is layered throughout the cake for flavor in every bite.

3. Perfect for brunch or dessert

Serve it warm in the morning or as an easy after-dinner treat.

4. Simple pantry ingredients

Flour, sugar, cinnamon, butter, everything you already have at home.

5. Make-ahead friendly

Stays fresh for days and freezes beautifully.

Ingredients You Will Need

For the Cake Batter

  • 1/2 cup unsalted butter, softened
  • 1 cup granulated sugar
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1 1/2 cups all-purpose flour
  • 1 1/2 teaspoons baking powder
  • 1/4 teaspoon salt
  • 1/2 cup milk or plain yogurt

For the Cinnamon Swirl

  • 1/3 cup brown sugar
  • 1 tablespoon ground cinnamon
  • 2 tablespoons melted butter

For the Crumb Topping (Optional but Delicious)

  • 1/3 cup flour
  • 2 tablespoons sugar
  • 2 tablespoons cold butter, diced
  • Pinch of cinnamon
Ingredients for swirl cinnamon coffee cake on a white background

How to Make Swirl Cinnamon Coffee Cake

1. Prepare the pan and oven

Preheat the oven to 350°F (180°C). Grease an 8-inch square baking pan or line it with parchment paper.

2. Cream the butter and sugar

In a bowl, beat butter and sugar until light and fluffy. This step creates the soft texture of the cake.

3. Add eggs and vanilla

Mix in the eggs one at a time, then stir in the vanilla.

4. Combine dry ingredients

Whisk flour, baking powder, and salt together. Add half to the batter, mix gently, then add the milk or yogurt. Finish with the remaining flour mixture.

5. Prepare the cinnamon swirl

In a small bowl, mix brown sugar, cinnamon, and melted butter until it resembles thick paste.

6. Layer the batter and swirl

Spread half the cake batter into the pan.
Dollop spoonfuls of cinnamon swirl mixture across the surface.
Add the remaining batter on top, then swirl gently with a knife for a marbled effect.

7. Add crumb topping (optional)

Mix flour, sugar, butter, and cinnamon with your fingers until crumbly. Sprinkle evenly over the cake.

8. Bake

Bake for 30–38 minutes, or until a toothpick inserted into the center comes out clean.

9. Cool and serve

Let the cake cool slightly before slicing. Serve warm or at room temperature.

Coffee cake batter with cinnamon swirl mixture before baking

Why This Recipe Works

Balanced moisture

Milk or yogurt keeps the cake soft without becoming dense.

Layered cinnamon mixture

Swirling rather than mixing distributes flavor evenly.

Gentle baking temperature

Ensures an even rise and prevents the edges from drying out.

Variations & Helpful Tips

Add a glaze

Drizzle with powdered sugar mixed with a splash of milk.

Make it nutty

Add chopped walnuts or pecans to the cinnamon swirl.

Use sour cream

Switch milk to sour cream for an extra-rich texture.

Add apples

Fold in ½ cup finely chopped apples for an autumn twist.

Storage

Keeps for 3–4 days in an airtight container. Freezes well for up to 2 months.

Slice of swirl cinnamon coffee cake on a white plate

Frequently Asked Questions

Can I double the recipe?

Yes. Bake it in a 9×13 pan and increase baking time by 8–10 minutes.

Can I replace the yogurt with milk?

Yes. Milk, yogurt, or sour cream all work well in this recipe.

Can I make it without the crumb topping?

Absolutely. The cake is delicious with or without it.

Why did my swirl sink to the bottom?

Your batter may have been too thin. Thicker batter holds the swirl better.

Can I bake it in a loaf pan?

Yes, but baking time will increase to 45–55 minutes.

This Swirl Cinnamon Coffee Cake is the perfect blend of softness, warmth, and nostalgic flavor. With its buttery crumb, fragrant cinnamon swirl, and optional crunchy topping, this cake delivers comfort in every slice. It’s easy enough for everyday baking yet special enough for brunch, holidays, and gatherings. Whether enjoyed warm with a cup of coffee or packed into a lunchbox for a sweet treat, this cinnamon coffee cake brings simple joy to any moment.

Swirl cinnamon coffee cake with golden crumb topping

Swirl Cinnamon Coffee Cake

Sofia
This swirl cinnamon coffee cake is soft, buttery, and filled with a rich cinnamon swirl. Easy to make with simple ingredients, it’s the perfect cozy treat for brunch, holidays, or an afternoon coffee break.
Prep Time 15 minutes
Cook Time 35 minutes
Total Time 50 minutes
Course Sweet Treats
Cuisine American
Servings 9 servings
Calories 290 kcal

Equipment

  • Mixing bowls
  • Hand mixer or stand mixer
  • Whisk
  • Spatula
  • 8-inch baking pan
  • Parchment paper
  • – Knife

Ingredients
  

  • For the Cake Batter
  • 1/2 cup unsalted butter softened
  • 1 cup granulated sugar
  • 2 large eggs
  • 1 teaspoon vanilla extract
  • 1 1/2 cups all-purpose flour
  • 1 1/2 teaspoons baking powder
  • 1/4 teaspoon salt
  • 1/2 cup milk or plain yogurt
  • For the Cinnamon Swirl
  • 1/3 cup brown sugar
  • 1 tablespoon cinnamon
  • 2 tablespoons melted butter
  • For the Crumb Topping Optional
  • 1/3 cup all-purpose flour
  • 2 tablespoons sugar
  • 2 tablespoons cold butter diced
  • Pinch of cinnamon

Instructions
 

  • Preheat the oven:
  • Heat oven to 350°F (180°C). Grease or line an 8-inch square baking pan.
  • Cream butter and sugar:
  • In a bowl, beat softened butter and granulated sugar until light and fluffy.
  • Add eggs and vanilla:
  • Mix in eggs one at a time, then add vanilla.
  • Combine dry ingredients:
  • In a separate bowl, whisk flour, baking powder, and salt.
  • Add half to the batter, then mix in milk or yogurt.
  • Add remaining flour mixture and stir gently.
  • Prepare cinnamon swirl:
  • Mix brown sugar, cinnamon, and melted butter into a thick paste.
  • Layer the cake:
  • Spread half the batter into the pan.
  • Spoon the cinnamon swirl mixture over the batter.
  • Add remaining batter on top and gently swirl with a knife.
  • Add crumb topping (optional):
  • Combine flour, sugar, butter, and cinnamon using your fingers until crumbly.
  • Sprinkle evenly over the cake.
  • Bake:
  • Bake for 30–38 minutes or until a toothpick inserted in the center comes out clean.
  • Cool and serve:
  • Allow cake to cool slightly before slicing. Serve warm or at room temperature.

Notes

Replace milk with plain yogurt or sour cream for an extra-moist texture.
Fold in ½ cup chopped walnuts or pecans for crunch.
Add finely chopped apples to the batter for a fall-inspired variation.
Cake stays fresh for 3 days at room temperature and freezes well for up to 2 months.
Avoid overmixing batter to maintain a soft crumb.

Nutrition

Serving: 1squareCalories: 290kcalCarbohydrates: 40gProtein: 4gFat: 13gSaturated Fat: 7gCholesterol: 65mgSodium: 180mgPotassium: 95mgFiber: 1gSugar: 25gCalcium: 90mgIron: 1.1mg
Keyword swirl cinnamon coffee cake, cinnamon swirl cake, easy coffee cake
Tried this recipe?Let us know how it was!

Disclaimer: Nutrition facts are estimated using online tools and may vary based on your ingredients and preparation. Please consult a nutritionist for precise dietary advice

For more detailed nutrition information, you can visit the USDA FoodData Central.

You’ll find great nutrition tips and ressources at  Harvard’s Nutrition Source  from Harvvard T.H. Chan School of Public Health  . 

Shop This Recipe

These simple kitchen tools make preparing this Swirl Cinnamon Coffee Cake easy and consistent.
The links below are Amazon affiliate links, meaning I may earn a small commission at no extra cost to you.

  • Hand Mixer – Helps cream the butter and sugar into a light, fluffy base.
  • Mixing Bowl Set – Perfect for keeping wet and dry ingredients separate while baking.
  • 8-Inch Baking Pan – Ensures even baking and a soft, tender crumb.
  • Whisk – Useful for blending dry ingredients evenly.
  • Parchment Paper – Prevents sticking and allows for easy cake removal.
You May Also Like

If you enjoy cozy baked treats like this Swirl Cinnamon Coffee Cake, explore more comforting favorites on my blog:

Share This

Leave a Comment

Recipe Rating