Coconut Coffee Cake is an easy soft and moist cake that’s perfect to serve for breakfast or grab as a snack. This amazing breakfast cake is so soft and moist because of the addition of sour cream. It’s bursting with fresh coconut flavors throughout and topped with a sweet crumble topping.
If you love coconut recipes, try my coconut banana bread and coconut doughnuts.
Table of Contents
Coffee cake is the greatest food invention because it allows us to eat cake for breakfast!
Yes, you heard me right, you can eat cake for breakfast! This soft, moist, and flavorful coffee cake is the perfect companion for your morning cup of Joe or an afternoon snack. This is one of the best baking recipes for the weekends and special brunches.
Coffee cake is super easy to make and the texture is absolutely perfect. It’s soft and moist because of the use of sour cream. Sour cream makes ALL the difference in baked goods, much like in my strawberry muffins.
If you love coconut, you’ll be a huge fan of this cake because there is coconut worked into the cake and into the crumble topping. The crumbled streusel topping is really what brings the whole cake together. You get the bite of a soft cake with a crunchy sweet topping. Texture and flavor heaven!
Ingredient Notes and Tips
Sour cream – use regular full fat sour cream! this is pretty much the most important ingredients in a coffee cake and I highly recommend that you do not substitute it. This is the key to the best texture.
Flour – All purpose flour works great. Make sure you spoon the flour into the measuring cup instead of dunking the cup into the bag! Then, cut the excess at the top with the back of the knife to level. When you dunk the cup, you really pack the flour into the cup.
Eggs – They’ll need to adjust to room temperature before using. Let them sit on the kitchen counter for about 30-45 minutes.
Baking Soda and Baking Powder – Make sure that both of these are not expired! In order for your baking soda and powder to be potent, you need to use them within 6 months of opening the containers.
Brown Sugar – you can use light brown sugar or dark brown sugar. The difference between the two is in the amount of molasses added, dark brown sugar containing more, of course.
Coconut flakes – use sweetened coconut flakes or you can also make your own if you wish. Note, that if you want to make your own, they will be unsweetened, so you may need to add more sugar. (For the process to make your own coconut flakes, check out my coconut banana bread recipe.)
See the recipe card below for the full list of ingredients and instructions.
How To Make Coffee Cake
Preheat the oven to 350F° degrees and grease a 9×9 baking dish well.
Beat butter and sugar until light and fluffy. Add eggs, one at a time, beating after each addition. Scrape sides and bottom of the bowl. Add vanilla and sour cream. Beat until well combined.
Sift in the flour, baking powder, baking soda, and salt. Beat on low speed until just mixed. Scrape sides and bottom of the bowl and fold in the coconut, until incorporated throughout (1).
Spread the batter in the prepared baking dish evenly (3).
How to Make Crumb Topping:
In a medium bowl, combine brown sugar, white sugar, coconut flakes, and flour. Mix well until all ingredients are incorporated evenly. Pour in melted butter slowly and carefully while fold it in with a large fork.
You will want to be careful so you don’t overmix. Streusel should look like large crumbs (2) and not paste.
Spread the crumble topping over batter evenly (4). Bake for 55-60 minutes and do a toothpick test in the center to make sure it’s done (5). Cool to room temperature before cutting.
Recipe FAQs
I get questions and comments about this all the time, asking me why it’s called a coffee cake when there is no coffee in it?! No, this cake is not supposed to have coffee in it. It is actually named “coffee cake” because it is a breakfast cake that is meant to be enjoyed with a cup of coffee. Think along the lines of banana bread, muffins, doughnuts, etc.
Both cakes have a similar texture and both have a crumb topping. Although, the main difference between the two cakes is the amount of said crumb topping. Crumb cake, as you may have guessed by the name, has a very thick layer of streusel topping. Almost half the thickness of the cake is the crumb topping. Coffee cake usually have a thin layer of toping.
Coffee cake if best served warm with a cup of coffee or tea. Of course, you can serve it any time of the day, whether it’s morning, afternoon, or a midnight snack. If you want to bump up the coconut flavor, drizzle some coconut syrup on it.
You can also serve with along other baked good and savory brunch recipes for a special weekend or a holiday brunch. It’s great along side of muffins, quick breads, and many pastries.
Storing and Freezing Instructions
Storing at room temperature – If you know you’ll eat it within a couple of days, you can easily store the bread at room temperature for 2-3 days. Make sure to cover it airtight so it doesn’t dry out.
Longer storing – to store the coffee cake for longer, store it in the refrigerator. Make sure to store in an air-tight container. In the refrigerator, it should be good for 5-7 days. You can always reheat the individual slices in the microwave, for 5-10 seconds at a time.
Freezing – Cool your coconut coffee cake to room temperature before freezing. (You can transfer it into an aluminum baking pan.) You can also take the whole cooled coffee cake out and of the baking pan and wrap it in couple of layers of aluminum foil first and then in plastic wrap. Wrapping it in a couple of layers, will prevent freezer burn. Label and place it into the freezer for 2-3 months.
If you wish, you an slice the cooled coffee cake and wrap individual slices to freeze.
Thaw the coffee cake on the counter top. Individual slices will just take a few minutes to thaw but the whole coffee cake will take 30-45 minutes.
More Sweet Recipes To Try
DID YOU MAKE THIS RECIPE? PLEASE leave a 🌟 star rating! Let me know how you liked it by leaving the 📝 comment below or share and tag me on social media @willcookforsmiles. DON’T FORGET to subscribe to my newsletter!
Coconut Coffee Cake Recipe
Ingredients
Coffee Cake:
- 1 cup white granulated sugar
- 3/4 cup unsalted butter softened
- 2 eggs room temperature
- 1 cup full fat sour cream room temperature
- 2 tsp pure vanilla extract
- 1 1/2 cups all purpose flour
- 1 tsp baking soda
- 1 Tbsp baking powder
- 1/4 tsp salt
- 1 cup sweetened coconut flakes
Crumble:
- 1/3 cup brown sugar
- 3 Tbsp white granulated sugar
- 3/4 cup all purpose flour
- 4 Tbsp unsalted butter melted
- 1/2 cup sweetened coconut flakes
Instructions
- Preheat the oven to 350F° degrees and grease a 9×9 baking dish.
- Beat butter and sugar until light and fluffy.
- Add eggs, one at a time, beating after each addition. Scrape sides and bottom of the bowl.
- Add vanilla and sour cream. Beat until well combined.
- Sift in the flour, baking powder, baking soda, and salt. Beat on low speed until just mixed.
- Scrape sides and bottom of the bowl and fold in the coconut, until incorporated throughout.
- Spread the batter in the prepared baking dish evenly.
Crumble Topping:
- In a medium bowl, combine brown sugar, white sugar, coconut flakes, and flour. Mix well until all ingredients are incorporated evenly. Pour in melted butter slowly and carefully while fold it in with a large fork.
- You will want to be careful so you don’t overmix. Streusel should look like large crumbs and not paste.
- Spread the crumble topping over batter evenly. Bake for 55-60 minutes and do a toothpick test in the center to make sure it’s done. Cool to room temperature before cutting.
Video
Notes
- Storing at room temperature – If you know you’ll eat it within a couple of days, you can easily store the bread at room temperature for 2-3 days. Make sure to cover it airtight so it doesn’t dry out.
- Longer storing – to store the coffee cake for longer, store it in the refrigerator. Make sure to store in an air-tight container. In the refrigerator, it should be good for 5-7 days. You can always reheat the individual slices in the microwave, for 5-10 seconds at a time.
- Freezing – Cool your coconut coffee cake to room temperature before freezing. (You can transfer it into an aluminum baking pan.) You can also take the whole cooled coffee cake out and of the baking pan and wrap it in couple of layers of aluminum foil first and then in plastic wrap. Wrapping it in a couple of layers, will prevent freezer burn. Label and place it into the freezer for 2-3 months.
If you wish, you an slice the cooled coffee cake and wrap individual slices to freeze. - Thaw the coffee cake on the counter top. Individual slices will just take a few minutes to thaw but the whole coffee cake will take 30-45 minutes
Nutrition
Originally published on Will Cook For Smiles in May 2015.
Lesly says
Hi there how do I do the measuriments for a 9×13 pan?
LyubaB says
Hi there! To make the coconut coffee cake in a 9×13 pan, you can increase the recipe by half, giving you the right amount of batter for the larger pan. Enjoy your baking!
Cindy says
What a wonderful recipe – it makes the house smell so inviting and homey. I laugh, when I think back to the first time I made this:; I didn`t have a 9×9-in. pan, so I substituted a 9″ pie plate, instead. That was a mistake. My oven was a mess! But what I could salvage of the cake was phenomenal and encouraged me to forge ahead. I`m so glad I did. Now I even scrolled down far enough to see that the recipe can also be adated to a 9×13-in. pan – I have that, so next time, I`ll try that, too. Thank you so much for this delicious way to start the day (or celebrate midday, or snack a piece in the evening, lol).
LyubaB says
Hi Cindy,
Thanks for sharing, it’s always fun to hear the stories of people trying out my recipes! I am glad you have a sense of humor with the pie plate and that you still enjoyed the cake despite the oven mishap! lol I hope it turns out just as delicious for you in the larger pan. Happy cooking! 🍰😊