Best Coffee Cake Recipe With Cinnamon Ripple & Extra Streusel Topping (2024)

This coffee cake is a delicious and comforting treat that combines the warm, spicy flavor of cinnamon with a crumbly streusel topping! A tender cinnamon cake is layered with a rich cinnamon ripple and then topped with a cinnamon streusel and drizzled with vanilla icing! It really is the perfect treat for everyone who enjoys cinnamon!

Cinnamon Coffee Cake Recipe

Is there anything better than enjoying dessert for breakfast? This sweet cinnamon-packed coffee cake is everything you need to start your day off right!

It is so delicious and makes a large batch that this is one of my go-to recipes when getting together with my friends for brunch! It's always the first dish to disappear because it is just so good!

🥘 Coffee Cake Ingredients

This may look like a long ingredient list, but it really just features repeat items such as sugar and flour. In fact, you only need some common baking ingredients, and you are good to go!

Coffee Cake

• Butter - 1 cup of butter that has been softened at room temperature (2 sticks).
• Sugar - 1 cup of sugar.
• Brown Sugar - ⅔ cup of light brown sugar, packed.
• Eggs - 3 large eggs that are at room temperature.
• Sour Cream - ¾ cup of full-fat sour cream (or use a sour cream substitute).
• Vanilla - 1½ tablespoons of pure vanilla extract.
• Baking Powder - 3 teaspoons of baking powder.
• Salt - ½ teaspoon of salt.
• Milk - 1¼ cups of milk. Alternatively, you can use half & half or buttermilk.
• Flour - 3⅔ cups of all-purpose flour, spooned and leveled.

Cinnamon Ripple

• Brown Sugar - ¾ cup of light brown sugar, packed.
• Flour - ¾ cup of all-purpose flour, spooned and leveled.
• Cinnamon - 2 teaspoons of ground cinnamon.
• Cocoa - 1 teaspoon of unsweetened cocoa powder.

Cinnamon Streusel Topping

• Flour - 1¼ cups of all-purpose flour.
• Sugar - ¾ cup of sugar.
• Brown Sugar - ½ cup of light brown sugar, packed.
• Cinnamon - 1½ tablespoons of ground cinnamon.
• Butter - ½ cup of salted butter, melted and cooled.

Vanilla Icing

• Powdered Sugar - 1 cup of confectioner's sugar.
• Milk - 2-3 tablespoons of milk, half & half, or heavy cream.
• Vanilla - 1 teaspoon of pure vanilla extract.

*Be sure to see the free printable recipe card below for ingredients, exact amounts & instructions with tips!*

🔪 How To Make Coffee Cake

This coffee cake is incredibly simple to prepare and completely worth it! Just grab a couple of mixing bowls, a 9x13 baking dish, your measuring utensils, some silicone spatulas, and your hand mixer.

This recipe will make one 9x13 coffee cake, which can be cut into about 16 servings.

1. Preheat. Preheat your oven to 350°F(175°C)and lightly coat a 9x13 baking dish with butter or non-stick cooking spray.

Cinnamon Ripple Filling

1. Mix. Mix ¾ cup of packed light brown sugar,¾ cup of all-purpose flour,2 teaspoons of ground cinnamon, and1 teaspoon of unsweetened cocoain a medium-sized mixing bowl. Use a fork to break up any clumps of brown sugar, then set aside.

Streusel Crumb Topping

1. Combine. In a separate medium-sized mixing bowl, whisk the dry ingredients for the streusel topping, including1¼ cups of all-purpose flour,¾ cup of sugar,½ cup of light brown sugar, and1½ tablespoons of ground cinnamon. Add the melted½ cup of butterand use a fork to combine with the dry ingredients until a crumb texture is formed. Set aside.

Coffee Cake Batter

1. Mix. Mix the batter in a large mixing bowl or the bowl of your stand mixer. Add 1 cup of softened butter,1 cup of sugar, and⅔ cup of light brown sugar,then cream them together.
2. Continue mixing. Add3 large eggs,¾ cup of sour cream,1½ tablespoons of vanilla extract,3 teaspoons of baking powder, and½ teaspoon of salt, then mix until fully combined. Be sure to scrape down the sides and bottom of your mixing bowl.
3. Add milk and flour. Mix in 1¼ cups of milkand3⅔ cups of all-purpose flourin portions, alternating between adding the milk and flour. Start with ⅓ of the flour, add ½ of the milk, then another ⅓ of the flour, followed by the remaining milk, and finally, the last portion of flour.
4. Finish mixing. Scrape down the sides and bottom of the bowl while mixing, and mix only until the batter is just combined.

Assemble & Bake The Coffee Cake

1. Pour. Pour half of the coffee cake batter, or 28-30 ounces, into your prepared 9x13 baking dish to make the bottom layer. Sprinkle the cinnamon ripple filling over the bottom half of the batter.
2. Add topping. Add the remaining coffee cake batter and spread gently using an offset spatula. Top with the streusel crumb topping mixture in an even layer that reaches all corners of the baking dish.
3. Bake. Bake at 350°F(175°C)for 50-55 minutes until a toothpick or cake tester inserted into the center of the coffee cake comes out clean.
4. Cool. Remove the pan from your oven when baked and place it on a wire cooling rack to cool completely.*If you prefer to serve your coffee cake warm, you can dust it with confectioners' powdered sugar instead of making the icing.

Make The Vanilla Icing

1. Whisk. In a small bowl combine1 cup of confectioners sugar,2-3 tablespoons of milk, and1 teaspoon of vanilla extract. Mix until smooth and adjust until you reach your desired drizzle consistency.
2. Serve. Drizzle the vanilla icing over the cooled coffee cake, then slice and serve.

Serve your cinnamon coffee cake with a fresh mug of hot coffee, some fresh fruit salad, and yogurt! It also tastes amazing with a scoop of ice cream for a sweet dessert! Enjoy!

💭 Tips & Notes

• Sour cream adds both moisture and richness to the cake, preventing it from being dry and crumbly. If you don't have sour cream on hand, you can use plain Greek yogurt, plain yogurt, or buttermilk.
• Overmixing the batter can result in a tough, dense cake. Mix the ingredients until just combined to achieve a tender, fluffy texture.
• Cinnamon is the star of the show in this cinnamon coffee cake, so don't be afraid to use a generous amount! The warm, spicy flavor of cinnamon is what makes this cake so delicious.
• The cake is done when a toothpick inserted into the center comes out clean or with just a few moist crumbs.

🥡 Storing & Reheating

Once cooled, you can store the coffee cake in an airtight container at room temperature for about 2-3 days. Or, you can keep it in the fridge for up to 1 week.

Freezing Coffee Cake

Wrap your cake well in plastic wrap, then place it in a freezer bag. It should keep for about 2-3 months. Thaw in the fridge before serving.

Reheating Coffee Cake

Your cake can be served at room temperature, but if you want to heat it up you can pop it into the microwave for about 15 seconds.

>>>>See all of my recipes here<<<<

❓ FAQ

🥐🥯🍩 More Baked Breakfasts Ideas

• Pizza Dough Cinnamon Rolls - Super simple cinnamon rolls that use store-bought pizza dough.
• Sweet Potato Coffee Cake - A fall-inspired coffee cake that features mashed sweet potatoes.
• Bacon Breakfast Casserole - Hearty casserole loaded with eggs, cheese, and crispy bacon.
• Cinnamon Roll Casserole - Cinnamon rolls are chopped up and then layered in a rich eggy mixture before being baked.
• Overnight French Toast - Prepare your French toast at bedtime and then bake it when you wake up.
• Chocolate Baked Donuts - Rich and indulgent chocolate donuts that are baked in the oven instead of fried.
• Sheetpan Pancakes - Easy homemade pancakes that are fit for a crowd, with no flipping required.

📖 Recipe Card

More Breakfast