Go Back
Coconut Coffee Cake

Coconut Coffee Cake

Coconut Coffee Cake is a tender, aromatic cake with pockets of cinnamon streusel, toasted coconut crunch, and a glossy coconut glaze. This easy brunch cake combines creamy and crispy textures with subtle espresso and coconut notes for a memorable slice, perfect for weekend gatherings or an easy weeknight dessert. Try it for a buttery, comforting treat that always gets compliments.
Print Recipe Pin Recipe
Prep Time 1 hour 5 minutes
Cook Time 55 minutes
Total Time 2 hours
Course Desserts
Cuisine American
Servings 8 people
Calories 350 kcal

Equipment

  • 10-inch bundt cake pan
  • Electric Mixer
  • Mixing Bowls
  • Skillet
  • Wire Rack

Ingredients
  

  • 1/2 cup packed light brown sugar Adds deep caramelized sweetness and moisture to the streusel; helps bind the crumb topping and creates a chewy texture when baked. Enhances overall flavor with a hint of molasses that balances the cake's sweetness. Works well with spices to create a complex topping profile.
  • 1/2 cup all-purpose flour Provides structure and body to the streusel, helping it hold together when baked and offering a tender bite. Contributes lightness without adding extra sweetness, allowing the brown sugar and spices to shine. Blends easily with the butter to form coarse crumbs.
  • 2 teaspoons cinnamon Imparts warm, aromatic spice to the streusel with a sweet-woody note that complements brown sugar and coconut. Helps create a classic coffee cake flavor profile and rounds out sweetness with subtle complexity. Balances richer components like butter and cocoa.
  • 1 teaspoon unsweetened cocoa powder Lends a faint chocolate bitterness to the streusel, accentuating depth and contrast against sweet elements. Enhances the overall flavor complexity without overpowering the coconut and cinnamon. Dissolves easily and blends into the crumb mixture.
  • 1 teaspoon instant espresso powder Boosts coffee-like aroma and flavor in the streusel without adding liquid, intensifying the cake's mocha notes. Provides an aromatic lift that pairs well with cocoa and cinnamon. Blends into dry ingredients for an even distribution of flavor.
  • 1/2 teaspoons salt Sharpens and balances flavors by tempering sweetness and amplifying other aromatics in the streusel. Maintains overall seasoning and prevents the topping from tasting flat. Essential for flavor equilibrium in the crumb mix.
  • 1/4 cup cold unsalted butter cut into pieces Incorporates fat to bind the streusel components, melting during baking to yield a tender, flaky topping. Cold butter cut into pieces helps form pea-sized crumbs that create a desirable texture. Contributes richness and mouthfeel.
  • 3 cups all-purpose flour Forms the primary dry structure of the cake batter, supplying gluten-forming proteins for rise and stability. Works with leaveners to produce a tender but sturdy crumb that supports fillings and toppings. Needs proper mixing to avoid overdeveloping gluten.
  • 2 teaspoons baking powder Provides lift and lightness by releasing gas during baking, helping the cake rise and achieve an airy texture. Reacts with moisture and heat to produce a fine, even crumb. Should be evenly distributed for consistent rise.
  • 1/2 teaspoon baking soda Helps with oven rise and tenderness by reacting with acidic ingredients, creating additional leavening gas. Works in tandem with baking powder to fine-tune crumb texture and volume. Use measured amounts to prevent metallic aftertastes.
  • 1/2 teaspoons salt Balances sweetness and controls dough chemistry by enhancing leaveners' action and flavor profile. Prevents the cake from tasting flat and ensures proper yeast-free chemical reactions. Essential duplicate salt to adjust seasoning in both topping and batter.
  • 1 cup unsalted butter softened to room temperature Adds richness, moisture, and tenderness to the batter while contributing to structure and emulsion. Softened unsalted butter creamed with sugar creates aeration for lift and a fine crumb. Unsalted butter allows precise salt control in the recipe.
  • 1 1/2 cups sugar Sweetens and aerates the batter when creamed with butter, supplying bulk and contributing to the cake's tender texture. Dissolves during baking to produce a balanced sweet profile. Quantity affects moisture and overall crumb softness.
  • 3 large eggs Provides structure and stability to the batter, setting as it cooks to create lift and moisture retention. Adds richness and contributes to emulsification when combined with butter and sugar. Room-temperature eggs incorporate air for lighter texture.
  • 2 teaspoons vanilla extract Enhances overall flavor with a familiar vanilla warmth that rounds out other aromatics and supports sweetness. Adds aroma and subtle complexity to both crumb and frosting components. Works synergistically with coconut extract and spices.
  • 1 teaspoon coconut extract Introduces a concentrated tropical coconut note to the batter, reinforcing the cake's coconut theme without adding extra moisture. Complements vanilla and coconut milk for layered coconut flavor. Use sparingly to avoid overpowering delicate flavors.
  • 1 cup plain greek yogurt, full-fat or 2% is best Contributes tang, moisture, and tenderness to the batter while acting as a partial liquid component for proper texture. Greek yogurt's acidity also reacts with baking soda to enhance rise and produce a fine crumb. Full-fat or 2% yields creamier mouthfeel and richer flavor.
  • 1 cup sweetened, shredded coconut Delivers sweet chewiness and pronounced coconut flavor throughout the cake, adding textural interest and tropical character. Toasts lightly during baking to develop nuttier notes and contrast the tender crumb. Blends with batter for even distribution.
  • 1 heaping cup powdered sugar Creates a smooth, sweet glaze texture when combined with liquid, providing sweetness and structure for pouring over the cake. Powdered sugar dissolves easily to form a glossy finish that adheres to warm cake surfaces. Quantity controls thickness and drizzle consistency.
  • 1 1/2 teaspoons vanilla extract Adds concentrated sweet vanilla aroma and depth to the glaze, harmonizing with coconut flavors and powdered sugar. Enhances the overall scent and rounds out any sharpness from the confectioners' sugar. Small amounts go a long way in the icing.
  • 1/2 teaspoon coconut extract Intensifies coconut presence in the glaze with a fragrant, tropical accent that pairs with vanilla and coconut milk. Helps anchor the cake's coconut theme in the finishing sauce. Use sparingly to prevent artificial or cloying notes.
  • 1/4 to 1/3 cup coconut milk Adjusts glaze consistency and adds subtle creamy coconut flavor, helping powdered sugar reach a pourable texture. Coconut milk contributes smoothness and a hint of richness without overpowering the coconut extract. Quantity range allows tuning for desired drizzle thickness.
  • 1 cup unsweetened coconut flakes Provides large, chewy flakes for texture and visual appeal when sprinkled on top or toasted; adds pronounced coconut flavor and a slightly nutty profile when baked. Enhances mouthfeel and reinforces the dessert's tropical character. Can be used raw or lightly toasted for depth.

Instructions
 

  • 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.: Warm, fragrant air from a properly preheated oven helps the cake rise evenly and bake through without dense centers. As the oven reaches 350 degrees F , you may notice a dry, warm smell that indicates it is ready. Greasing and flouring the pan ensures the cake releases cleanly; if you skip this, the cake can cling and tear, so be thorough. A common mistake is to under-grease the pan or forget to get into nooks, which causes sticking. If you are using a nonstick baking spray with flour, make sure it covers all surfaces because bundt pans have crevices that trap batter.
  • 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!: The streusel starts with dry ingredients whisked so the spices are evenly distributed, which means every bite has consistent flavor. When you rub the cold butter into the flour mixture with your fingertips, you should feel small pea sized bits that resemble coarse sand. These tiny butter pockets melt during baking and create that delightful crumbly texture. If the butter gets too warm, the streusel will clump into a paste, so work quickly and return it to the fridge if needed.
  • 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.: Creaming the butter and sugar until light and fluffy incorporates air, giving the cake lift and a tender crumb. You should see the mixture become paler and slightly increased in volume after 4 to 5 minutes. Adding the eggs one by one allows the emulsion to form, reducing the risk of curdling. When you add the yogurt , the batter will relax and smell tangy and creamy, which is normal. Overbeating after adding flour can lead to a tough cake, so keep mixing to the point of incorporation only once dry ingredients are added.
  • 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.: As you fold in the dry mix, the batter will thicken and look slightly glossy; mixing on low prevents gluten development that makes cakes chewy. When you fold in the shredded coconut , you should notice flecks throughout the batter and a faint coconut aroma. Layering the batter with streusel creates pockets that crisp and caramelize; when you swirl the remaining streusel with a knife, do not overmix or the layers will blend. During baking the top should set and turn a warm golden brown, and the kitchen will fill with cinnamon and coconut notes. If the skewer comes out with wet batter, the center needs more time; if the top browns too quickly, tent with foil to avoid burning while allowing the middle to finish baking.
  • 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!: After baking, the cake continues to set, so a brief rest in the pan prevents collapsing. Cooling for about 10 minutes makes the cake firm enough to release; if you rush this, the cake can tear. Inverting onto a wire rack allows air to circulate and cool evenly, avoiding sogginess. If you find the cake stuck in spots, tap the pan gently and use a thin spatula to loosen it around the edges, being careful not to gouge the crumb.
  • Once cool, drizzle the cake with the coconut glaze. Sprinkle with the toasted coconut. Let set for about 30 minutes then slice and serve.: A cool cake will accept the coconut glaze without it melting into the crumb, so wait until the cake is fully cool. Drizzling should be done in slow, steady motions to create pretty ribbons rather than a single puddle. Once you add the toasted coconut flakes , they provide a crisp contrast and a toasty aroma that elevates the cake. Let the glaze set for about 30 minutes so slices cut cleanly; slicing too early can smear the glaze and tear the edges.
  • Whisk together the powdered sugar, extracts and coconut milk (start with 1/4 cup!) until combined and smooth. If the mixture is too thin, whisk in more powdered sugar about 1/4 cup at a time. If it’s too thick, drizzle in more coconut milk 1 tablespoon at a time.: The glaze should be glossy and thick enough to cling, but thin enough to drizzle, so start with 1/4 cup coconut milk and adjust gradually. When whisking, you will notice the powdered sugar dissolve into a smooth, almost satin looking glaze. Small adjustments matter a lot here because a too thin glaze will run off and not add flavor, while a too thick one will be pasty. If your glaze separates, whisk vigorously or add a few drops more liquid to bring it back together.
  • 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.: Toasting the coconut flakes releases oils and creates a warm, nutty scent that is intoxicating; watch for a golden color and a toasty aroma as your signal. The sound is subtle, more like a quiet sizzle and crackle than a loud pop. Because coconut can burn quickly, continuous stirring and gentle heat are essential. If you overtoast, it will turn bitter, so transfer it off the heat as soon as you see light golden edges and a strong coconut smell.

Notes

  • Use extra toasted coconut for more crunch by doubling the unsweetened coconut flakes and toasting half to scatter on top for extra texture.
  • Adjust the streusel sweetness by swapping some of the light brown sugar for granulated sugar if you prefer a lighter caramel note.
  • Make it more coconut-forward by increasing the coconut extract slightly in both batter and glaze, but add in small increments to avoid overpowering the other flavors.
  • For a tangier crumb use full-fat plain greek yogurt as suggested; it enhances moisture and gives a pleasant tang that balances sweetness.
  • Almond swap try a couple teaspoons of almond extract in place of vanilla for a complementary nutty background that pairs well with coconut.
Keyword brunch dessert cake, coconut coffee cake recipe, streusel bundt cake, toasted coconut cake