This post may contain affiliate links. Please read our disclosure policy.
If you love the Starbucks coffee cake, you’re going to love this simplified homemade cinnamon coffee cake recipe. It’s a sweet, moist, easy cake recipe with a buttery, crumbly cinnamon-flavored streusel topping – the perfect treat to enjoy with a cup of coffee!
This homemade Starbucks cinnamon coffee cake is easy to make, and the cinnamon crumb topping is absolutely delicious. The streusel topping is made with butter, brown sugar, and cinnamon. Serve this coffee cake warm from the oven for a real treat!
why you’ll love this homemade coffee cake
- Texture. This coffee cake has the perfect amount of moistness, and the crumb topping provides just the right amount of crunch.
- Flavor. The cinnamon flavor is spot on, and the streusel topping is absolutely delicious.
- Ease of preparation. It is easy to make, and it doesn’t require any special baking skills or equipment.
- Crowd pleaser. This cinnamon coffee cake is the perfect dessert to bring to a brunch date, potluck, or holiday party. It’s always a hit!
Ingredients to make Starbucks coffee cake
Don’t be alarmed by the number of ingredients! They are all pantry staples that you likely have on hand. The crumb topping and the coffee cake base both share the same ingredients, so it’s easy to make.
FOR THE STREUSEL topping:
- All-purpose flour: The base of the streusel topping.
- Light brown sugar: Provides sweetness and a beautiful caramel flavor to the streusel topping.
- Cinnamon: The key flavor in this homemade coffee cake. Be sure to use freshly ground cinnamon for the best flavor.
- Unsalted butter: The butter binds everything together and makes the streusel topping nice and crumbly.
FOR THE Coffe CAKE:
- All-purpose flour: Gives structure to the coffee cake.
- Cinnamon: Adds warmth and depth of flavor to the cake.
- Vegetable oil: Helps give your cake a moist texture.
- Granulated sugar: The primary sweetener in the cake.
- Eggs: Bind everything together and add richness.
- Vanilla extract: Adds flavor to the cake.
- Light brown sugar: Provides a light molasses-y flavor to the cake.
- Plain Greek yogurt: Adds moisture and richness to the cake.
- Baking soda, baking powder, and salt: Supports the structure of the crumb cake and adds a little leavening.
How to make coffee cake from scratch
This recipe is broken down into two parts: the streusel topping and the cake batter. First, you’ll need to make the streusel topping.
make the STREUSEL
- In a small bowl, whisk together flour, sugar and cinnamon until combined.
- Using your fingers, rub in room temperature butter until incorporated and large clumps form when you press the mixture together.
- Spread onto prepared baking sheet and refrigerate or freeze.
make the cake batter & bake
- In a large bowl, stir together oil and the sugars.
- Whisk in the eggs until combined, then stir in the yogurt and vanilla.
- Fold the dry ingredients into the wet ingredients.
- Mix until just combined.
- Pour into prepared pan and sprinkle evenly with chilled streusel.
- Bake until the top is light golden brown.
tips for making coffee cake
- Choose the best pan. While you can use a glass pan in a pinch, this cake will bake best in a light-colored metal cake pan. The metal conducts and distributes the heat more evenly while the cake bakes, which will result in a more evenly-baked cake with a better overall texture and appearance!
- Don’t overmix. Stirring the batter too much will result in a tough cake. Just mix until everything is wet and no flour pockets remain.
- Be careful not to overbake. This cake is done when the top is golden brown and a toothpick inserted in the center comes out clean. If you bake it for too long, it will be dry.
- Line the cake pan with parchment paper. This will help the cake release easily from the pan and will also keep it from sticking.
popular substitutions & additions
- Add nuts. Any type of nuts will work really well with this coffee cake. I especially love to use pecans, walnuts or hazelnuts.
- Add chocolate chips. Stir in a cup of chocolate chips to the batter before baking for a little extra sweetness.
- Swap out the yogurt. If you don’t have plain Greek yogurt on hand, you can use regular yogurt, sour cream or more vegetable oil at a 1:1 ratio!
- Use a different type of oil. If you don’t have vegetable oil on hand, you can use melted butter, avocado oil, melted coconut oil or olive oil at a 1:1 ratio.
how to store & reheat coffee cake
This copycat Starbucks coffee cake will keep covered tightly with plastic wrap or aluminum foil at room temperature for up to four days. To reheat coffee cake, place a slice on a microwave-safe plate and microwave for 20-30 seconds. You can also reheat it in the oven by warming it at 300°F for about five to 10 minutes.
how long will homemade coffee cake last in the fridge?
This homemade coffee cake will keep in the fridge for up to a week. Just be sure to wrap it tightly in plastic wrap or aluminum foil, so it doesn’t dry out.
can I freeze this streusel coffee cake after baking?
Yes! This coffee cake can be frozen for up to two months. Be sure to wrap it tightly in plastic wrap or aluminum foil, so it doesn’t get freezer burn. You’ll also want to let it cool completely before freezing.
Frequently asked questions
Traditionally, a coffee cake is a sweet cake flavored with cinnamon and spices and served with coffee. It can be either savory or sweet, and the name comes from its popularity as a breakfast food to have alongside a cup of coffee.
Some popular variations on classic coffee cake include adding chocolate chips, nuts, fruits, a cinnamon swirl layer in the middle, or a streusel topping like this recipe has.
One way to keep a coffee cake moist is by using yogurt or sour cream in the batter. This will add moisture and help the cake stay soft and fluffy. Another trick is to make sure you don’t overcook it – overbaking can lead to a dry cake. And finally, be sure to store it properly, so it doesn’t dry out.
I hope you enjoy this copycat Starbucks coffee cake recipe! This homemade coffee cake recipe is the perfect complement to your cup of coffee. It has a moist pound cake-like texture with a buttery crumb streusel topping. This cake recipe is something you definitely need to try… even if you’re not a coffee drinker!
More cake recipes:
- Olive Oil Cake
- Cranberry Lemon Pound Cake
- Sfouf (Turmeric Cake)
- Nutella Mugcake
- Almond Cranberry Cake
- Cream Cheese Vanilla Cupcakes
- Birthday Mug Cake
If you try this feel good Cinnamon Coffee Cake recipe or any other recipe on Feel Good Foodie, then don’t forget to rate the recipe and leave a comment below! It helps others who are thinking of making the recipe. We would love to hear about your experience making it. And if you snapped some shots, share it on Instagram so we can repost on Stories!
This Cinnamon Coffee Cake recipe was originally published on May 31, 2017. The recipe has not been modified, but the post now includes new step-by-step photos for how to make the cake recipe.
Cinnamon Crumb Coffee Cake
Video
Ingredients
For the streusel:
- ½ cup all purpose flour
- ⅓ cup packed light brown sugar
- 1 teaspoon cinnamon
- 4 tablespoons unsalted butter at room temperature
For the cake:
- 2 cups all purpose flour
- 1 ½ teaspoon cinnamon
- 1 teaspoon baking powder
- ½ teaspoon baking soda
- ¼ teaspoon salt
- ½ cup vegetable oil
- ½ cup packed light brown sugar
- ¼ cup granulated sugar
- 2 eggs
- 1 cup plain Greek yogurt
- 1 teaspoon vanilla extract
Instructions
- To make the streusel, line a quarter baking sheet with parchment paper. In a small bowl, whisk together flour, sugar and cinnamon until combined. Using your fingers, rub in room temperature butter until incorporated and large clumps form when you press the mixture together. Spread onto prepared baking sheet and refrigerate for 20 minutes or freeze for 10 minutes.
- Preheat oven to 350°F. Grease an 8 x 8 metal baking pan and line with parchment paper, letting the paper overhang the edges for easy removal.
- In a large bowl, whisk together flour, cinnamon, baking powder, baking soda and salt.
- In another large bowl, stir together oil and the sugars. Whisk in the eggs until combined, then stir in the yogurt and vanilla.
- Using a rubber spatula, fold the dry ingredients into the wet ingredients just until combined. Pour into prepared pan and sprinkle evenly with chilled streusel.
- Bake for 45-55 minutes, or until the top is light golden brown, the center is firm when lightly touched, and a toothpick inserted in the center comes out clean.
Notes
Nutrition
Nutrition information provided is an estimate. It will vary based on cooking method and specific ingredients used.
Great recipe, made it multiple times! I also just tried it with gluten-free flour, also adding xanthan gum (my flour doesn’t have it) and it worked out just as well!
Thanks for letting me know!
Loved this recipe so much! So easy to follow and it came out beautiful. I baked it for my in-laws and they all really enjoyed it
Thanks for letting me know, I’m so glad you enjoyed it!
Thank you for this recipe.
By the way, can the pan size be added to the list of ingredients? So that when the recipe ratios change the pan size changes along as well.
Just a suggestion, thank you.
Hi Farrah, great suggestion. Unfortunately the recipe won’t update the pan size as it’s not a food item. I hope you enjoy!
Hello!
How can I make this recipe gluten free? 😌
Thanks in advance!
You can try using gluten-free all purpose flour, but I have yet to try that!
Wonderful and more than that, I advise everyone to try it, I am delicious, especially with Nescafe
Thank you so much! Yay!!
Can I substitute geek yogurt? If so, with what & measurements?
If you don’t have plain Greek yogurt on hand, you can use regular yogurt, sour cream or more vegetable oil at a 1:1 ratio!
Beautiful cake ,
I’m going to make it tomorrow ,
Just a question , where do you add the coffee ?
Thanks
No coffee in this recipe! It’s just the name of the type of cake.
Hello Dear! I would like to try this because it looks so yummyyy but I can’t find the quantities of each ingredients on the page.
The full recipe can be found at the bottom of the page in the recipe card. Let me know if that helps!
Hi! I was wondering if this recipe would work with gluten-free all purpose baking flour?
I have yet to try that, but I think it should work!
Can I substitute sour cream for the yogurt in the cinnamon coffee cake recipe? And using the same amount??
Yes! If you don’t have plain Greek yogurt on hand, you can use regular yogurt, sour cream or more vegetable oil at a 1:1 ratio!
I always enjoy cooking than baking. But this recipe was easy to make and it came out fluffy, moist and delish!
p/: I am your new follower and will keep trying your recipe! Thank you for sharing it with us💕
That’s perfect! Aww, thank you so much!
I decided to make this recipe yesterday after having a craving for sweet food, and the last time I tried to make a Greek Yogurt recipe was the Greek Yogurt Brownies during the holidays (if you haven’t tried that yet – the recipe is divine! https://feelgoodfoodie.net/recipe/greek-yogurt-brownies/).
I absolutely love cinnamon and spice, so thought I’d try my hand at this. I generally don’t have white flour at home, so I ended up substituting white flour for King Arthur’s Whole Wheat Flour, and the recipe still came out amazing. I am also a BIG fan of spice, so for the streusel, I ended up doing 2 teaspoons of cinnamon and a half a teaspoon of nutmeg. For the cake, I did 2 teaspoons of vanilla extract and 2 1/2 teaspoons of cinnamon, and another half a teaspoon of nutmeg.
All in all – it came out absolutely delicious, and I am a HUGE fan! I had all of the ingredients already at home, and was super excited to be able to make this.
This will definitely be a repeat dessert recipe for me – of course, in addition to the Greek Yogurt Brownies, too! 🙂
Thank you, Yumna, for yet another amazing recipe!
So glad to hear this recipe works with whole wheat flour too! This makes me so happy to hear. Hope you continue to enjoy the recipes I share!
This is a perfect easy recipe that is a crowd pleaser. I love that I had all the ingredients in my kitchen, and that it was simple to make. The best part is the delicious flavor and texture. This was my first time making coffee cake and it turned out beautifully! Thanks for the easy and tasty recipe. We will definitely make this one again soon.
Thank you!! That makes me so happy to hear.
Absolutely delicious!! So moist!!
I love that! Yay!!
Can I use oats instead of flour? Will the measurements change?
I have yet to try that, but it could work. You might need a few more tablespoons of oat flour in that case though.
Hi Yumna, I know you said you can sub oil for the yogurt (1:1). I was wondering if I can use milk instead or maybe milk mixed with a tablespoon of vinegar, would it still produce the same result? Thanks!
I don’t know if milk will work as well. You can also use regular yogurt or sour cream.
So delicious and the cake came out so light and fluffy (I used 5% greek yogurt instead of sour cream). I also doubled the topping for an extra decadent coffee cake. Thanks for the recipe!
That sounds wonderful. Thank you so much!
Baked this cake for my birthday and it was an absolute hit! So moist and tasty. Thank you for doing what you do
Aww, so glad to hear it! Happy Birthday!!