Sticky Coconut Cake

This Sticky Coconut Cake is pure tropical comfort in every bite. Soft, moist, and wonderfully gooey, this easy coconut dessert combines a tender coconut cake with a rich, sticky caramelized topping that soaks into the surface.

The combination of sweet coconut, buttery richness, and a golden sticky topping makes this cake incredibly satisfying. It’s simple enough for an afternoon treat but special enough for holidays, family gatherings, potlucks, and celebrations.

Serve it slightly warm with coffee or tea, or enjoy it chilled for an even denser, chewier texture.

Why You’ll Love This Recipe

• Soft and moist: The coconut-filled cake stays tender and rich.
• Sticky caramelized topping: A buttery coconut topping creates a deliciously gooey finish.
• Big coconut flavor: Coconut appears in both the cake and topping.
• Easy to make: No complicated decorating or special techniques are needed.
• Perfect for gatherings: A single pan makes plenty of servings.
• Great with coffee: The sweetness pairs beautifully with a hot cup of coffee or tea.

Ingredients

PIN IT

For the Coconut Cake

• 1 ½ cups (190g) all-purpose flour: Provides structure while keeping the cake tender.
• 1 teaspoon baking powder: Helps the cake rise.
• ½ teaspoon baking soda: Supports the rise and works with the acidic ingredients.
• ½ teaspoon salt: Balances the sweetness and enhances the coconut flavor.
• ½ cup (113g) unsalted butter, softened: Adds richness and moisture.
• ¾ cup (150g) granulated sugar: Sweetens the cake.
• 2 large eggs, room temperature: Provide structure and richness.
• 1 teaspoon vanilla extract: Complements the coconut flavor.
• 1 cup (240ml) coconut milk: Adds moisture and creamy coconut flavor.
• 1 cup (85g) sweetened shredded coconut: Gives the cake its chewy coconut texture.

For the Sticky Coconut Topping

• ½ cup (113g) unsalted butter: Creates the rich buttery base of the topping.
• ½ cup (100g) packed light brown sugar: Provides caramel-like sweetness.
• ½ cup (120ml) heavy cream: Makes the topping rich and silky.
• 1 cup (85g) sweetened shredded coconut: Adds plenty of coconut flavor and texture.
• 1 teaspoon vanilla extract: Rounds out the flavor.
• Pinch of salt: Keeps the topping from becoming overly sweet.

Equipment

• 9-inch square baking pan
• Parchment paper
• Large mixing bowl
• Medium mixing bowl
• Electric hand mixer or stand mixer
• Whisk
• Rubber spatula
• Small saucepan
• Wire cooling rack

Substitutions and Variations

Can I use unsweetened coconut?

Yes. Unsweetened shredded coconut works well if you prefer a less sweet cake. The topping will still provide plenty of sweetness.

Can I use canned coconut milk?

Yes. Full-fat canned coconut milk provides the richest coconut flavor and texture. Shake or stir the can well before measuring.

Can I use coconut cream?

Coconut cream can be used for an even richer coconut flavor, although it may make the cake slightly heavier.

Can I add toasted coconut?

Absolutely. Toasted coconut can be sprinkled over the finished cake for extra flavor and crunch.

Can I add nuts?

Yes. Chopped pecans, macadamia nuts, or almonds are delicious additions to the sticky topping.

Can I make this cake gluten-free?

You can use a suitable gluten-free all-purpose flour blend designed for baking. Results may vary depending on the blend.

How to Make Sticky Coconut Cake

PIN IT

1. Prepare the pan

Preheat the oven to 350°F (175°C).

Grease a 9-inch square baking pan and line it with parchment paper, leaving some overhang for easy removal.

2. Combine the dry ingredients

In a medium bowl, whisk together the flour, baking powder, baking soda, and salt.

Set aside.

3. Cream the butter and sugar

In a large bowl, beat the softened butter and granulated sugar until light and creamy, about 2–3 minutes.

Properly softened butter helps create a smooth, evenly textured cake.

4. Add the eggs and vanilla

Add the eggs one at a time, beating well after each addition.

Mix in the vanilla extract.

Scrape down the sides of the bowl as needed.

5. Add the coconut milk and dry ingredients

Add the dry ingredients to the butter mixture in alternating additions with the coconut milk.

Begin and end with the dry ingredients.

Mix just until combined.

6. Fold in the coconut

Gently fold the shredded coconut into the batter using a rubber spatula.

Avoid overmixing once the flour has been incorporated.

7. Bake the cake

Pour the batter into the prepared pan and spread it evenly.

Bake for approximately 30–35 minutes, or until the center is set and a toothpick inserted into the cake comes out clean or with a few moist crumbs.

8. Make the sticky topping

While the cake is baking, combine the butter, brown sugar, heavy cream, and salt in a small saucepan.

Heat over medium-low heat, stirring frequently, until the butter melts and the mixture becomes smooth.

Bring it to a gentle simmer for about 1–2 minutes.

Remove from the heat and stir in the vanilla and shredded coconut.

9. Add the topping

Remove the cake from the oven.

While the cake is still warm, slowly spread the sticky coconut topping evenly over the surface.

Use a spatula to gently distribute the coconut mixture from edge to edge.

10. Finish and serve

Allow the cake to cool for at least 15–20 minutes before slicing.

For an especially gooey texture, serve it slightly warm.

You can also refrigerate it and serve it chilled for a denser, chewier coconut cake.

What to Serve With It

Sticky Coconut Cake is delicious on its own, but these additions make it even more special:

• Fresh berries
• Sliced strawberries
• Whipped cream
• Vanilla ice cream
• Toasted coconut
• Fresh tropical fruit
• Caramel sauce
• Hot coffee
• Black tea
• Coconut latte

A warm slice with vanilla ice cream is especially delicious because the ice cream melts into the sticky coconut topping.

Recipe Tips

• Use full-fat coconut milk: It provides the best flavor and moisture.
• Bring ingredients to room temperature: Room-temperature eggs and softened butter blend more easily.
• Don’t overmix: Stop mixing as soon as the flour disappears.
• Use sweetened or unsweetened coconut according to preference: Sweetened coconut produces a sweeter, more dessert-like cake.
• Watch the topping: Simmer it gently rather than boiling aggressively.
• Add the topping while the cake is warm: This allows the sticky mixture to settle into the surface.
• Don’t overbake: Remove the cake once the center is set to preserve its moist texture.
• Let it rest: Giving the cake a short cooling period allows the topping to thicken and become sticky.

Storage

Store the Sticky Coconut Cake covered at room temperature for up to 2 days, or refrigerate it for up to 4–5 days.

Because the topping contains heavy cream, refrigeration is the safer option if your kitchen is warm or if you plan to keep the cake for several days.

Bring refrigerated slices to room temperature before serving, or warm them gently for a few seconds in the microwave.

The cake can also be frozen. Wrap individual pieces tightly and store them in a freezer-safe container for up to 2 months.

Common Mistakes

Using melted butter in the cake

Melted butter changes the structure of the cake. Use softened butter so it can be properly creamed with the sugar.

Overmixing the batter

Too much mixing after adding the flour can make the cake heavier. Mix only until the ingredients are incorporated.

Boiling the topping too aggressively

A gentle simmer is enough. Excessive boiling can cause the topping to become too thick or separate.

Adding the topping to a completely cold cake

The topping spreads and settles more easily when the cake is still warm.

Overbaking the cake

A dry cake won’t have the soft, moist texture that makes this dessert special. Begin checking it toward the end of the recommended baking time.

Recipe Background

Coconut cakes have long been popular in home baking because coconut adds both flavor and texture without requiring complicated preparation.

This Sticky Coconut Cake takes that classic idea a step further by adding a buttery brown-sugar coconut topping. As the topping is spread over the warm cake, it creates a rich, sticky layer that contrasts beautifully with the tender crumb underneath.

The result is somewhere between a traditional coconut cake and a gooey caramel-style dessert. The combination of coconut, brown sugar, butter, and cream gives every bite a warm, rich flavor that’s particularly comforting alongside coffee or tea.

Recipe Details

• Recipe: Sticky Coconut Cake
• Category: Dessert, Cake, Coconut Dessert
• Cuisine: American
• Method: Baking
• Prep Time: 20 minutes
• Cook Time: 30–35 minutes
• Total Time: About 55 minutes
• Yield: 12 servings
• Texture: Soft, moist, sticky, and chewy
• Flavor: Sweet, buttery, coconut-rich, and caramelized
• Diet: Vegetarian

Frequently Asked Questions

Why is my coconut cake dry?

Overbaking or using too much flour can make the cake dry. Measure the flour carefully and remove the cake from the oven once a toothpick comes out clean or with a few moist crumbs.

Can I use coconut milk instead of regular milk?

Yes. Coconut milk is actually recommended for this recipe because it adds extra coconut flavor and moisture.

Can I use unsweetened shredded coconut?

Yes. Unsweetened coconut will make the finished cake less sweet and lets the caramelized topping stand out more.

Does Sticky Coconut Cake need to be refrigerated?

It can be stored at room temperature for a short period, but refrigeration is recommended for longer storage because the topping contains heavy cream.

Can I make this cake ahead?

Yes. The cake can be made a day ahead and stored covered. The flavors develop nicely as it rests.

Can I freeze Sticky Coconut Cake?

Yes. Freeze individual portions tightly wrapped for up to 2 months. Thaw in the refrigerator or at room temperature before serving.

Can I add nuts?

Absolutely. Pecans, macadamia nuts, and almonds all work especially well with coconut and brown sugar.

How do I make the cake extra gooey?

Serve it slightly warm. You can also drizzle individual slices with a little extra caramel sauce before serving.

Final Thoughts

This Sticky Coconut Cake is the kind of homemade dessert that’s impossible to resist. The cake itself is soft and tender, while the buttery coconut topping becomes wonderfully sticky and caramelized as it settles over the warm cake.

Every bite brings together tender cake, sweet coconut, buttery richness, and gooey caramelized flavor.

Serve it with coffee for an afternoon treat, add vanilla ice cream for dessert, or bring it to your next family gathering. It’s easy, comforting, and packed with the tropical coconut flavor everyone loves.

If you make this Sticky Coconut Cake, leave a rating and a comment, share how you served it, and take a photo to share. And don’t forget to save the recipe to Pinterest for the next time you’re craving a cozy homemade coconut dessert.

Nutrition

Nutrition information is an estimate and will vary depending on the exact brands and quantities of ingredients used.

• Calories: Approximately 420 kcal
• Carbohydrates: Approximately 50g
• Protein: Approximately 5g
• Fat: Approximately 24g
• Saturated Fat: Approximately 17g
• Sugar: Approximately 31g
• Sodium: Approximately 250mg

Print