This Toasted Coconut Coffee Cake is soft, buttery, and packed with warm coconut flavor.
It has a tender sour cream cake, a toasted coconut cinnamon crumb, and a simple coconut glaze on top.
It works just as well for a weekend breakfast as it does for an afternoon coffee break.
Servings: 12
Prep time: 25 minutes
Cook time: 40–45 minutes
Cooling and glazing: 30 minutes
Total time: About 1 hour 40 minutes
Why I Love This Recipe
Coffee cake has that cozy, unhurried feel that makes it hard to resist. I especially like adding toasted coconut because one small step changes the whole cake. Toasting brings out a deeper, nuttier flavor instead of leaving the coconut simply sweet.
The sour cream is another favorite part. It gives the cake a moist, tender crumb without making it heavy. Then you get the cinnamon-coconut streusel on top and little ribbons of it inside the cake.
A few reasons this one stays in my recipe box:
- The coconut actually stands out. Toasting it first gives it much more flavor.
- The cake stays moist. Sour cream adds richness and helps keep the crumb tender.
- You get streusel in every slice. Half goes through the middle and the rest covers the top.
- It isn’t complicated. The ingredients and mixing method are straightforward.
- It goes with more than coffee. Tea, milk, fruit, and brunch dishes all work well with it.
What You’ll Need
For the Toasted Coconut
- 1 1/2 cups sweetened shredded coconut
For the Coconut Cinnamon Streusel
- 1 cup of the toasted sweetened shredded coconut
- 1/2 cup packed light brown sugar
- 1/3 cup all-purpose flour
- 1 teaspoon ground cinnamon
- 1/4 teaspoon fine salt
- 4 tablespoons unsalted butter, melted
For the Coffee Cake
- 2 cups all-purpose flour
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1/2 teaspoon fine salt
- 1/2 cup unsalted butter, softened
- 3/4 cup granulated sugar
- 2 large eggs, room temperature
- 1 cup full-fat sour cream
- 2 teaspoons vanilla extract
- 1/2 teaspoon coconut extract
For the Coconut Glaze
- 3/4 cup powdered sugar
- 1 1/2 tablespoons milk, plus a little more if needed
- 1/4 teaspoon coconut extract
- Remaining 1/2 cup toasted sweetened shredded coconut
Recipe and Instructions
Step 1: Toast the Coconut
Heat the oven to 350°F (175°C). Spread 1 1/2 cups sweetened shredded coconut in a thin, even layer on a baking sheet.
Bake for 5–8 minutes, stirring well after about 3 minutes and then checking every minute. Remove it when most of the coconut is lightly golden. Coconut can go from golden to burned quickly.
Measure 1 cup for the streusel. Reserve the remaining 1/2 cup for finishing the cake.
Step 2: Make the Coconut Streusel
In a medium bowl, combine 1 cup toasted sweetened shredded coconut, 1/2 cup packed light brown sugar, 1/3 cup all-purpose flour, 1 teaspoon ground cinnamon, and 1/4 teaspoon fine salt.
Pour in 4 tablespoons melted unsalted butter. Stir with a fork until everything is evenly moistened and chunky crumbs form. Set aside.
Step 3: Mix the Dry Ingredients
Grease a 9-inch springform pan and line the bottom with parchment paper.
In a medium bowl, whisk together 2 cups all-purpose flour, 2 teaspoons baking powder, 1/2 teaspoon baking soda, and 1/2 teaspoon fine salt until evenly mixed.
Step 4: Make the Cake Batter
In a large mixing bowl, beat 1/2 cup softened unsalted butter with 3/4 cup granulated sugar for about 2–3 minutes, until pale and fluffy.
Beat in 2 large room-temperature eggs, one at a time. Mix in 1 cup full-fat sour cream, 2 teaspoons vanilla extract, and 1/2 teaspoon coconut extract.
Add the dry mixture from Step 3—2 cups all-purpose flour, 2 teaspoons baking powder, 1/2 teaspoon baking soda, and 1/2 teaspoon fine salt. Fold gently with a spatula just until no dry streaks remain. The batter will be thick.
Step 5: Layer the Coffee Cake
Spread half of the prepared cake batter evenly in the prepared 9-inch springform pan.
Sprinkle half of the prepared coconut cinnamon streusel evenly over it. Carefully spoon the remaining cake batter over the streusel and gently spread it to the edges. Finish with the remaining coconut cinnamon streusel.
Don’t press the topping down. Loose crumbs become crisper in the oven.
Step 6: Bake
Bake at 350°F (175°C) for 40–45 minutes. The top should be golden brown, and a toothpick inserted into the cake portion near the center should come out clean or with a few moist crumbs.
If the coconut topping gets dark before the middle is done, loosely cover the pan with foil.
Cool in the pan for 15 minutes, then remove the outer ring. Let the cake cool for another 20–30 minutes before glazing.
Step 7: Glaze and Finish
Whisk 3/4 cup powdered sugar, 1 1/2 tablespoons milk, and 1/4 teaspoon coconut extract until smooth. The glaze should be thick but easy to drizzle. Add milk only a few drops at a time if it is too thick.
Transfer the cooled coffee cake to a round white ceramic cake plate. Drizzle the glaze over the cake, then scatter the reserved 1/2 cup toasted sweetened shredded coconut over the top.
Slice and serve.
Why This Recipe Works (Quick Science)
Sour cream keeps the cake tender. Its fat adds richness while its acidity helps create a softer crumb.
Softened butter traps air. Beating butter and sugar together creates tiny air pockets. Those pockets expand during baking and help the cake rise.
Toasting coconut boosts flavor. Heat browns some of the coconut’s natural sugars and brings out a deeper, nuttier taste.
Baking soda and baking powder work together. Baking powder gives reliable lift, while baking soda reacts with the acidic sour cream.
A thick batter holds the streusel. If the batter were very thin, that lovely coconut layer would be more likely to sink.
Pro Tips
- Watch the coconut closely while toasting. The final couple of minutes happen fast.
- Measure flour by spooning it into the measuring cup and leveling the top. Scooping directly from the bag can pack in too much flour.
- Bring the eggs and sour cream closer to room temperature before mixing for a smoother batter.
- Once the flour goes in, mix only until you can’t see dry streaks. Overmixing can make coffee cake tough.
- Let the cake cool before glazing. A hot cake will melt the glaze and make it disappear into the topping.
Tools You’ll Need
- 9-inch springform pan
- Parchment paper
- Baking sheet
- Large mixing bowl
- Medium mixing bowls
- Hand mixer
- Whisk
- Small whisk or fork
- Silicone spatula
- Measuring cups and spoons
- Toothpick or cake tester
- Cooling rack
- Round cake plate
Substitutions and Variations
Unsweetened coconut: You can use unsweetened shredded coconut for a less-sweet cake.
Greek yogurt: Plain full-fat Greek yogurt can replace the sour cream in equal amounts.
No coconut extract: Use additional vanilla extract instead. The coconut flavor will be softer.
Add nuts: Add 1/2 cup chopped pecans or walnuts to the streusel.
Chocolate version: Sprinkle 1/2 cup mini chocolate chips over the middle streusel layer before adding the remaining batter.
Make-Ahead Tips
Toast the coconut up to 3 days ahead and keep it in an airtight container once completely cool.
You can also prepare the streusel a day ahead. Cover and refrigerate it, then break it back into crumbs before assembling the cake.
For the easiest morning serving, bake the whole coffee cake the evening before. Once cool, cover it well. Add the glaze the next morning.
Common Mistakes
Burning the coconut: Don’t walk away while it toasts. Stir it and check it often.
Using cold butter: Cold butter won’t cream properly with the sugar. It should be soft enough to press with your finger but not melted.
Overmixing: Too much mixing after adding flour develops more gluten and can produce a tougher cake.
Overbaking: Start checking around 40 minutes. A few moist crumbs on the tester are fine.
Glazing a hot cake: Give the cake time to cool so the pretty white glaze stays visible on top.
What to Serve With
A warm slice is great with coffee, a latte, or hot tea. For breakfast or brunch, serve it alongside fresh berries, sliced oranges, or a simple fruit salad.
For a bigger brunch spread, scrambled eggs or a savory egg casserole make a nice contrast to the sweet coconut cake.
Macros Information
Approximate nutrition per serving, based on 12 servings:
- Calories: 440
- Protein: 5 g
- Carbohydrates: 57 g
- Fat: 22 g
- Fiber: 2 g
- Sugar: 36 g
These numbers are estimates and will vary with the brands and exact ingredients you use.
Leftovers and Storage
Keep leftover coffee cake tightly covered at room temperature for up to 2 days. For longer storage, refrigerate it for up to 5 days.
Bring refrigerated slices to room temperature before serving, or warm an individual slice in the microwave for about 10–15 seconds.
To freeze it, wrap individual unglazed or glazed slices tightly and place them in a freezer-safe container. Freeze for up to 2 months. Thaw overnight in the refrigerator or for a couple of hours at room temperature.
FAQ
Does coffee cake contain coffee?
Usually, no. It’s called coffee cake because it’s traditionally served alongside coffee.
Do I have to toast the coconut first?
You technically can skip it, but toasting is worth doing. It gives coconut a much richer flavor and improves the topping’s texture.
Can I use a regular 9-inch cake pan?
Yes, as long as the pan has sides at least 2 inches high. Line the bottom with parchment and let the cake cool before carefully turning it out.
Why is my coffee cake dry?
Too much flour or too much baking time are the most common causes. Measure flour lightly and begin checking the cake at 40 minutes.
How do I know when it is finished baking?
The center should look set rather than wet or jiggly. A toothpick inserted into the cake near the center should come out clean or with a few moist crumbs.
Can I leave off the glaze?
Absolutely. The toasted coconut streusel gives the cake plenty of flavor on its own.
Final Thoughts
This Toasted Coconut Coffee Cake has all the good parts of classic coffee cake with an extra layer of coconut flavor. You get a soft sour cream crumb, buttery cinnamon streusel, crisp toasted coconut, and just enough sweet glaze to finish it.
Give it time to cool, pour yourself something warm to drink, and cut a generous slice. If you make it, leave a comment with how yours turned out, any changes you tried, or any questions you have.
