Toasted Coconut Coffee Cake

Convincing myself that shredded fruit turns a cake into a legitimate breakfast food is exactly how this toasted coconut coffee cake ended up on the counter one Tuesday morning. My grandmother once measured flour with her heart and a random soup spoon, a level of chaos far beyond what I can manage, so precise measurements became non-negotiable long ago.

This coconut coffee cake recipe rescued years of baking insecurity, delivering a massive, tender cake that justifies dessert at eight in the morning without any guilt. Here is exactly how I do it.

Why You’ll Love This Recipe

• Breakfast justification. This actually justifies eating cake for breakfast, which counts as the dream.
• Tender crumb. Greek yogurt keeps the cake incredibly moist for days, so nothing dries out on the counter.
• Bakery illusion. This looks like hours went into a fancy bakery order, but it is just a simple bundt cake.
• Aroma therapy. This coconut coffee cake recipe makes the kitchen smell like a vacation mixed with a coffee shop.

Tools You’ll Need

Nothing fancy, I promise.

• 10-inch bundt pan – You need one with a good non-stick coating unless you enjoy crying while prying cake out with a butter knife.
• Electric mixer. A hand or stand mixer handles the creaming, since doing it by hand counts as a workout nobody asked for.
• Small skillet. This toasts the flakes, which needs exactly five minutes of undivided attention.

Ingredients

For the Streusel

• 1/2 cup packed light brown sugar – Pack it in there tightly.
• 1/2 cup all-purpose flour – Standard stuff.
• 2 teaspoons cinnamon – Do not skimp on this.
• 1 teaspoon unsweetened cocoa powder – Sounds weird for a coconut crumb cake, but trust me, it adds depth.
• 1 teaspoon instant espresso powder – Makes the whole coffee house vibe pop.
• 1/2 teaspoon salt – Balances the sweetness.
• 1/4 cup cold unsalted butter – Cut into pieces, and yes, it must be cold.

For the Cake

• 3 cups all-purpose flour – Spoon and level it so you do not end up with a dry cake.
• 2 teaspoons baking powder – For that necessary lift.
• 1/2 teaspoon baking soda – Works with the yogurt to rise.
• 1/2 teaspoon salt – Mandatory in baking.
• 1 cup unsalted butter – Softened to room temperature, which means leave it out for a couple of hours, do not microwave it into a puddle.
• 1 1/2 cups sugar – Standard white granulated sugar.
• 3 large eggs – Room temperature if you remember, but I usually forget.
• 2 teaspoons vanilla extract – Measure with your heart, honestly.
• 1 teaspoon coconut extract – Essential for that toasted coconut crumb cake flavor.
• 1 cup plain greek yogurt – Full-fat or 2% is best, do not use the fat-free watery stuff.
• 1 cup sweetened, shredded coconut – Mixes right into the batter.

For the Glaze and Topping

• 1 heaping cup powdered sugar – Sift it if it looks clumpy.
• 1 1/2 teaspoons vanilla extract – More vanilla never hurts.
• 1/2 teaspoon coconut extract – Really drives the coconut streusel coffee cake theme home.
• 1/4 to 1/3 cup coconut milk – Start with less, add more as needed.
• 1 cup unsweetened coconut flakes – We will toast these, and they will smell amazing.

How To Make coconut coffee cake

Get your mixer ready and pretend you are not about to eat half the streusel before it even hits the oven.

1. Prep the pan: Preheat the oven to 350 degrees F. Butter and flour a 10-inch bundt cake pan and set aside. Butter and flour is key or use a nonstick baking spray with the flour in it – if you skip this, your cake will permanently fuse to the pan and you will be serving cake crumbles.
2. Make the streusel: Whisk together the sugar, flour, cinnamon, cocoa, espresso powder and salt. Add the butter pieces and using your hands, mix together the flour and butter until the flour is incorporated and in tiny pieces. It is okay if the mixture looks like sand, that means you are doing it right.
3. Whisk the dry ingredients: In a small bowl, whisk together the flour, baking powder, soda and salt. If you hate washing extra bowls, I am sorry, but mixing these first actually matters.
4. Cream butter and sugar: In the bowl of your electric mixer, beat the butter on medium speed until creamy, then add the sugar and beat for 4 to 5 minutes on medium speed until fluffy, scraping down the sides if needed.
5. Add wet ingredients: Add the eggs one at a time, beating well for a minute or so after each addition. Add the extracts and beat well. Beat in the yogurt, again scraping down the sides if needed.
6. Combine and add coconut: Gradually add the dry ingredients with the mix on low speed. Beat until they are just incorporated. Stir in the shredded coconut. Do not overmix here, or the cake will be tough.
7. Layer the batter: Spoon half of the batter into the greased bundt pan. Sprinkle the batter with two thirds of the streusel. Add the remaining batter on top then, swirl in the remaining streusel with a knife.
8. Bake: Bake until a wooden pick inserted into the cake comes out clean, about 45 to 55 minutes. My oven always takes the full 55 minutes, but start checking at 45 so you do not dry it out.
9. Cool carefully: Remove the cake from the oven and allow to cool for 10 minutes. Invert the pan on a wire rack and allow the cake to cool completely. Do not attempt to move it early or it will break apart, which I learned the hard way.
10. Mix the glaze: Whisk together the powdered sugar, extracts and coconut milk until combined and smooth. If the mixture is too thin, whisk in more powdered sugar, and if it is too thick, drizzle in more coconut milk.

1. Toast the topping: To toast the coconut, add the flakes to a skillet over medium-low heat. Toss and stir until the coconut is golden and fragrant, about 5 minutes. Do not walk away, because coconut goes from toasted to burnt in about four seconds.
2. Decorate: Once cool, drizzle the cake with the coconut glaze. Sprinkle with the toasted coconut. Let set for about 30 minutes then slice and serve.

Troubleshooting Guide

Something went sideways? Been there. Here is how to fix it.

• Problem: My cake is stuck in the bundt pan.
  Why it happened: You missed a spot when greasing, or you let it cool in the pan for too long.
  Fix it: Gently tap the outside of the pan with a wooden spoon. If it still tears, just patch it together with extra glaze. Nobody will know.

• Problem: The streusel sank to the bottom.
  Why it happened: The batter might have been too warm, or the streusel chunks were too large and heavy.
  Fix it: It still tastes exactly the same. Just call it a caramelized crust and accept the compliments.

• Problem: My toasted coconut tastes bitter.
  Why it happened: You walked away from the stove to check your phone and it burnt.
  Fix it: Throw it away and toast a new batch. Burnt coconut is beyond saving, I promise.

Make it yours

• Pineapple version. You fold crushed, well-drained pineapple into the batter for an extra tropical twist.
• Rum glaze version. You add a splash of rum extract to the glaze for an adult version of this coffee cake.

Perfect Pairings

This coconut streusel coffee cake suits two specific pairings particularly well.

• A tall glass of ice-cold milk washes down the sweet glaze.
• An afternoon slump on a Tuesday calls for exactly this kind of tropical coconut coffee cake pick-me-up.

Coconut Coffee Cake

This toasted coconut coffee cake proves that a genuinely impressive bundt cake needs nothing beyond greek yogurt, coconut extract, and a little patience with the streusel. This coconut coffee cake recipe delivers a tender, tropical crumb topped with cinnamon espresso streusel and toasted coconut, all without requiring advanced baking skill. Whether served at a weekend brunch or sliced during an afternoon slump, this tropical coconut coffee cake earns a permanent spot in the regular rotation.

Print Recipe Pin Recipe

Prep Time 1 hour hr 5 minutes mins

Cook Time 55 minutes mins

Total Time 2 hours hrs

Servings: 8 servings

Course: Dessert

Cuisine: American

Ingredients Equipment Method Notes

Ingredients

  

• 1/2 cup packed light brown sugar
• 1/2 cup all-purpose flour
• 2 teaspoons cinnamon
• 1 teaspoon unsweetened cocoa powder
• 1 teaspoon instant espresso powder
• 1/2 teaspoon salt
• 1/4 cup cold unsalted butter cut into pieces
• 3 cups all-purpose flour
• 2 teaspoons baking powder
• 1/2 teaspoon baking soda
• 1/2 teaspoon salt
• 1 cup unsalted butter softened to room temperature
• 1 1/2 cups sugar
• 3 large eggs
• 2 teaspoons vanilla extract
• 1 teaspoon coconut extract
• 1 cup plain greek yogurt ( full-fat or 2% is best)
• 1 cup sweetened shredded coconut
• 1 (heaping cup) powdered sugar
• 1 1/2 teaspoons vanilla extract
• 1/2 teaspoon coconut extract
• 1/4 to 1/3 cup coconut milk
• 1 cup unsweetened coconut flakes

Equipment

• 10-inch bundt pan
• Electric mixer
• Small skillet

Method

 

1. Preheat the oven to 350 degrees F. Butter and flour a 10-inch bundt cake pan and set aside. Butter and flour is key or use a nonstick baking spray with the flour in it.
2. Whisk together the sugar, flour, cinnamon, cocoa, espresso powder and salt. Add the butter pieces and using your hands, mix together the flour and butter until the flour is incorporated and in tiny pieces. It’s okay if the mixture looks like SAND!
3. In a small bowl, whisk together the flour, baking powder, soda and salt. In the bowl of your electric mixer, beat the butter on medium speed until creamy, then add the sugar and beat for 4 to 5 minutes on medium speed until fluffy, scraping down the sides if needed. Add the eggs one at a time, beating well for a minute or so after each addition. Add the extracts and beat well. Beat in the yogurt, again scraping down the sides if needed.
4. Gradually add the dry ingredients with the mix on low speed. Beat until they are just incorporated. Stir in the shredded coconut. Spoon half of the batter into the greased bundt pan. Sprinkle the batter with two thirds of the streusel. Add the remaining batter on top then, swirl in the remaining streusel with a knife. Bake until a wooden pick inserted into the cake comes out clean, about 45 to 55 minutes. My cake needed the full 55 and it was perfect.
5. Remove the cake from the oven and allow to cool for 10 minutes. Invert the pan on a wire rack and allow the cake to cool completely. Don’t attempt to move it or it will break apart!
6. Once cool, drizzle the cake with the coconut glaze. Sprinkle with the toasted coconut. Let set for about 30 minutes then slice and serve.
7. Whisk together the powdered sugar, extracts and coconut milk (start with ¼ cup!) until combined and smooth. If the mixture is too thin, whisk in more powdered sugar about ¼ cup at a time. If it’s too thick, drizzle in more coconut milk 1 tablespoon at a time.
8. To toast the coconut, add the flakes to a skillet over medium-low heat. Toss and stir (and shake the pan!) until the coconut is golden and fragrant, about 5 minutes. Don’t walk away! Keep your eye on it the entire time. Remove the skillet and let it cool slightly before sprinkling on top.

Recipe Notes

Yogurt: I only use full-fat or 2% greek yogurt, never fat-free.
Coconut extract: I use this alongside vanilla for the strongest flavor.
Streusel butter: I keep this cold for a proper crumbly texture.
Toasting: I watch the coconut flakes closely since they burn in seconds.
Cooling: I wait exactly 10 minutes before inverting the bundt pan.