This Starbucks-Inspired Cinnamon Coffee Cake Riffs On The Original
Starbucks cinnamon coffee cake is a tasty treat made with a sour cream cake base and a rich cinnamon streusel that's used as a middle layer in the cake and as a topping. It's a sweet and convenient treat you can enjoy with your morning coffee or as a little pick-me-up snack. But while some people visit their local Starbucks daily, others aren't fans of the chain or their price tags.
Luckily, recipe developer Michelle Bottalico has created a copycat version of the Starbucks coffee cake you can make yourself at home. But this isn't just a copycat recipe — it's an elevated version that we think is even better than the original. This version has a cream cheese layer in the middle and a powdered sugar icing. While the cake itself is very moist, the cream cheese layer adds extra moisture and a rich, creamy contrast to the soft cake. The icing highlights the streusel topping and makes the cake even more decadent. Enjoy a slice fresh and warm if you can, because that will give you the most wow factor, but the cake is excellent after it's cooled down too.
Gather your elevated Starbucks cinnamon coffee cake ingredients
For the streusel, you will need all-purpose flour, brown sugar, cinnamon, salt, and melted unsalted butter. The first ingredient for the cream cheese filling is cream cheese, of course. Make sure to set the cream cheese out ahead of time to soften it. You will also need powdered sugar, cinnamon, and milk. The cake batter ingredients are unsalted butter (make sure to soften this butter ahead of time as well), granulated sugar, large eggs, vegetable oil, vanilla extract, Greek yogurt, all-purpose flour, baking powder, baking soda, and salt. Finally, the cake is topped with a powdered sugar icing made from powdered sugar, milk, and vanilla extract.
Step 1: Preheat the oven
Preheat the oven to 325 F.
Step 2: Start making the streusel
Start making the streusel by placing the flour, brown sugar, cinnamon, and salt in a bowl and mixing well to combine.
Step 3: Finish making the streusel
Add the melted butter and combine with a fork until evenly mixed but still crumbly. Do not overmix or it will form a paste. Set the streusel aside.
Step 4: Make the cream cheese filling
Make the cream cheese filling: Place the softened cream cheese, powdered sugar, cinnamon, and milk in a bowl and beat with an electric mixer until fluffy and spreadable. Set aside.
Step 5: Mix the butter and sugar
Begin the cake: Place the butter and sugar in a mixing bowl and beat on low until well mixed and fluffy.
Step 6: Add the eggs and oil
Add the eggs and oil and beat until smooth.
Step 7: Finish mixing the wet ingredients
Stir in the vanilla extract and yogurt.
Step 8: Mix the dry ingredients
Place the flour, baking powder, baking soda, and salt in a separate mixing bowl and whisk to combine.
Step 9: Finish making the batter
Gradually add the dry ingredients to the bowl of wet ingredients and stir until just incorporated. Do not overmix.
Step 10: Pour half the batter in the pan
Pour half of the batter into a greased 8x8-inch cake pan and use a spatula or butter knife to spread it evenly.
Step 11: Spread the cheese filling
Place large spoonfuls of the cream cheese filling evenly over the batter and gently spread it into an even layer over the batter as best as you can.
Step 12: Sprinkle on half of the streusel
Evenly sprinkle half of the streusel on top of the cream cheese layer.
Step 13: Add the other half of the batter
Pour the other half of the batter on top of the streusel and spread it into an even layer.
Step 14: Add the rest of the streusel
Evenly sprinkle the other half of the streusel on top.
Step 15: Bake the cake
Bake for 50-60 minutes, until a toothpick inserted in the center of the cake comes out clean. (Loosely cover the pan with foil during the last 15 minutes if it looks like the cake is getting too browned.) Remove from the oven and let cool at least 20 minutes, until warm.
Step 16: Make the icing
Meanwhile, make the icing: Place the powdered sugar, 1 tablespoon milk, and the vanilla extract in a bowl and whisk until smooth. Gradually add the remaining 1 tablespoon milk until it reaches a drizzling consistency. (You may not need all of the milk.)
Step 17: Serve the elevated copycat Starbucks coffee cake
Drizzle the icing over the cake and serve.
What to serve with copycat Starbucks cinnamon coffee cake
Copycat Starbucks Cinnamon Coffee Cake Recipe
This homemade take on Starbucks' cinnamon coffee cake isn't just a copycat recipe - it's an elevated version, including a cream cheese layer and icing on top.
Ingredients
- For the streusel
- ½ cup + 1 tablespoon all-purpose flour
- 6 tablespoons brown sugar
- 1 ½ teaspoons cinnamon
- ⅛ teaspoon salt
- 3 tablespoons unsalted butter, melted
- For the cream cheese filling
- 8 ounces cream cheese, softened
- ¼ cup powdered sugar
- 2 teaspoons cinnamon
- 2 tablespoons milk
- For the cake
- ½ cup unsalted butter, softened
- 1 cup granulated sugar
- 2 large eggs
- 2 tablespoons vegetable oil
- 1 teaspoon vanilla extract
- ¾ cup Greek yogurt
- 1 ¾ cup all-purpose flour
- 1 ½ teaspoons baking powder
- ¼ teaspoon baking soda
- ½ scant teaspoon salt
- For the icing
- ⅔ cup powdered sugar
- 2 tablespoons milk
- ¼ teaspoon vanilla extract
Directions
- Preheat the oven to 325 F.
- Start making the streusel by placing the flour, brown sugar, cinnamon, and salt in a bowl and mixing well to combine.
- Add the melted butter and combine with a fork until evenly mixed but still crumbly. Do not overmix or it will form a paste. Set the streusel aside.
- Make the cream cheese filling: Place the softened cream cheese, powdered sugar, cinnamon, and milk in a bowl and beat with an electric mixer until fluffy and spreadable. Set aside.
- Begin the cake: Place the butter and sugar in a mixing bowl and beat on low until well mixed and fluffy.
- Add the eggs and oil and beat until smooth.
- Stir in the vanilla extract and yogurt.
- Place the flour, baking powder, baking soda, and salt in a separate mixing bowl and whisk to combine.
- Gradually add the dry ingredients to the bowl of wet ingredients and stir until just incorporated. Do not overmix.
- Pour half of the batter into a greased 8x8-inch cake pan and use a spatula or butter knife to spread it evenly.
- Place large spoonfuls of the cream cheese filling evenly over the batter and gently spread it into an even layer over the batter as best as you can.
- Evenly sprinkle half of the streusel on top of the cream cheese layer.
- Pour the other half of the batter on top of the streusel and spread it into an even layer.
- Evenly sprinkle the other half of the streusel on top.
- Bake for 50-60 minutes, until a toothpick inserted in the center of the cake comes out clean. (Loosely cover the pan with foil during the last 15 minutes if it looks like the cake is getting too browned.) Remove from the oven and let cool at least 20 minutes, until warm.
- Meanwhile, make the icing: Place the powdered sugar, 1 tablespoon milk, and the vanilla extract in a bowl and whisk until smooth. Gradually add the remaining 1 tablespoon milk until it reaches a drizzling consistency. (You may not need all of the milk.)
- Drizzle the icing over the cake and serve.
Nutrition
| Calories per Serving | 559 |
| Total Fat | 28.7 g |
| Saturated Fat | 15.4 g |
| Trans Fat | 0.3 g |
| Cholesterol | 107.9 mg |
| Total Carbohydrates | 68.5 g |
| Dietary Fiber | 1.4 g |
| Total Sugars | 42.3 g |
| Sodium | 371.0 mg |
| Protein | 8.4 g |
How is this an elevated version of Starbucks' cinnamon coffee cake?
The first way this copycat recipe is an elevated version of Starbucks' cinnamon coffee cake is that it's baked in a cake format instead of in muffin tins or a mini loaf pan. This gives the cake more presence and weight, and you can cut slices to be as slim or as generous as you like.
Two major ways this version is elevated is the cream cheese layer in the middle of the cake and the powdered sugar icing. This is a super moist cake, and the oil in the batter, the cream cheese layer, and the icing all contribute to that. About the cream cheese layer — it's not strictly necessary here. It just makes it extra rich and decadent. You can even leave it out if you wish. The cake is still moist and sweet without it. But for full elevation, keep it in. Just remember to refrigerate the leftovers if you use the cream cheese.
This version is also a little more generous with the streusel, and the streusel contains more cinnamon than the Starbucks original. The effect is delicious — the rich, buttery streusel clumps up perfectly, and the flavor is sweet with a lovely noticeable cinnamon presence.
How can I customize this cinnamon coffee cake?
If you'd like this cake to be more like the original Starbucks version instead of our version, you can choose to use all butter in the batter instead of butter plus vegetable oil. You can also use enriched wheat flour, which is what Starbucks uses, instead of all-purpose flour (the measurement will remain the same). If you don't normally buy Greek yogurt, you can substitute whole milk or sour cream for the yogurt. They will still add moisture to the batter.
There are plenty of ways to enhance this cake and make it your own. You could make two layers of streusel in the middle of the cake instead of one. Instead of the powdered sugar icing, you could dust the top of the cake with powdered sugar. The sugar would fall into the nooks and crannies of the buttery streusel crumble topping and make it extra sweet. The white powder also makes for a pretty finish.
Frosting the cake with cinnamon buttercream frosting would give a unique spin to this cake. Walnuts on top are optional. Instead of frosting, you could add berries and toasted nuts to the top of the cake (along with the streusel) before baking it. Leave the cake as is after baking or dust it with powdered sugar. Pressing berries into the cream cheese layer in the center of the cake would also be delicious and make the center colorful when you slice it.
