Coconut Coffee Cake

Coconut Coffee Cake is an easy soft and moist breakfast cake that's perfect any time of the day. My coffee cake is packed with coconut flavor, pleasantly moist and soft from the addition of sour cream, and topped with a coconut crumble topping.
4.45 from 9 votes
29
Comments
Jump to Recipe
Jump to Video
Slice of coconut coffee cake with a glass of coffee next to it.

Before we keep going, I want to remind you guys that coffee cake does 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.

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.

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!

Labeled ingredients for coconut coffee cake on a wood surface.
Collage of two images of making coconut coffee cake batter and crumble.

Tips To Make My Coconut Coffee Cake

  • Don’t substitute 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.
  • 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.)
  • I highly recommend using a 9×9 baking dish. Make sure to also grease the baking dish well! Use slightly softened butter to rub it all over the inside.
  • Beat butter and sugar until light and fluffy. This will create the dense but soft base for the coffee cake batter
  • Be careful, don’t overmix the crumble. After you pour in melted butter slowly and carefully FOLD and CUT it in with a large fork to mix. Streusel should look like large crumbs and not paste.
Collage of three images of coconut coffee cake batter spread in the pan before and after cooking.
three slices of coconut coffee cake with a glass mug of coffee on a piece of marble.

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.
Holding a slice of coconut coffee cake in my hand.

PIN THIS RECIPE FOR LATER

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!

Holding a slice of coconut coffee cake in my hand.

Coconut Coffee Cake Recipe

Coconut Coffee Cake is an easy soft and moist breakfast cake that's perfect any time of the day. My coffee cake is packed with coconut flavor, pleasantly moist and soft from the addition of sour cream, and topped with a coconut crumble topping.
4.45 from 9 votes
Print Pin Video Rate
Course: Breakfast, Brunch, Dessert
Cuisine: American
Prep Time: 15 minutes
Cook Time: 1 hour
Total Time: 1 hour 15 minutes
Servings: 9 (serves 9-12)
Calories: 559kcal
Author: Lyuba Brooke

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

Calories: 559kcal | Carbohydrates: 67g | Protein: 6g | Fat: 31g | Saturated Fat: 20g | Polyunsaturated Fat: 1g | Monounsaturated Fat: 7g | Trans Fat: 1g | Cholesterol: 106mg | Sodium: 191mg | Potassium: 283mg | Fiber: 2g | Sugar: 40g | Vitamin A: 840IU | Vitamin C: 0.2mg | Calcium: 108mg | Iron: 2mg
Tried this recipe?Mention @willcookforsmiles or tag #willcookforsmiles!

More Sweet Recipes To Try

Originally published on Will Cook For Smiles in May 2015.

Categories:

, , , ,

All images and text ©Lyubov Brooke for ©Will Cook For Smiles. Please do not use my images without prior permission. If using my posts in collections and features, please link back to this post for the recipe.
Disclaimer: Nutrition information shown is not guaranteed to be 100% accurate as most ingredients and brands have variations.

4.45 from 9 votes (8 ratings without comment)

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating




This site uses Akismet to reduce spam. Learn how your comment data is processed.

29 Comments

  1. I think the recipe is delicious. However, I think it works better in a 9×11 dish instead of a square dish.

    1. To clarify: I think the recipe as posted is better if cooked in a 9×11 dish. There is sufficient batter and it puffs up a lot. I also think half the crumble is enough. Overall, delicious!

    2. Gla dyou liked it, Cindy!

  2. Hi there how do I do the measuriments for a 9×13 pan?

    1. 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!

  3. 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).

    1. 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! 🍰😊

More Recipes...