share this recipe

Chocolate Coconut Cake

prep time: 40 min | cook time: 22 min | total time: 3.5 hrs

This Chocolate Coconut Cake combines the best of both worlds: a moist, chocolate sponge cake layered with a creamy coconut filling and coated in a glossy chocolate ganache! Each bite of this cake is a delightful balance of deep chocolate and tropical coconut, reminiscent of a Bounty bar. Perfect for celebrations or as an indulgent treat, this cake is guaranteed to impress!

Chocolate Coconut Cake

If you’re in the mood for a little nostalgia – make this Chocolate Coconut Cake! I’m not sure about you but growing up I really loved Bounty Chocolate Bars – there was something bout the combination of chocolate and coconut that made life feel a little bit like a vacation. I realize that this flavor combination is a little mature and perhaps some children aren’t wild about it but maybe I just like black and white desserts? Hello Oreo Cupcakes! Anyway – this cake is rich and indulgent and the creamy coconut filling is just the perfect amount of tropical goodness. The whole cake is covered in a decadent chocolate ganache that looks amazing and tastes divine! I made this cake for a family gathering and everyone absolutely loved it – it was gone in minutes!

The chocolate sponge is light, moist, and made without eggs, using ingredients like vinegar and baking soda to achieve its airy texture, making it perfect for those following a vegan or egg-free diet. Between the layers of the cake is a luscious, velvety coconut filling, offering a tropical twist that pairs beautifully with the deep chocolate flavors. The cake is then coated with a glossy, rich chocolate ganache made with chocolate and cream, giving it a luxurious finish. This recipe is also dairy-free and adaptable, making it an inclusive option for different dietary preferences.

Chocolate Coconut Cake Ingredients

Chocolate Sponge Cake

  • Canned Coconut Milk: Adds moisture and a hint of coconut flavor to the cake, enhancing the tropical theme.
  • White Vinegar: Used to create a “buttermilk” effect when mixed with coconut milk, adding lightness and helping the cake rise.
  • Vegetable Oil: Keeps the cake soft and moist without overpowering the chocolate and coconut flavors. Any neutral oil will work.
  • Cane Sugar: Sweetens the cake while maintaining a subtle caramel note.
  • Vanilla Extract: Complements the chocolate and coconut, adding warmth to the flavor profile.
  • All-Purpose Flour and Cocoa Powder: Form the structure of the cake, giving it a rich chocolatey base. You could use all-purpose gluten-free flour as long as it include Xanthan gum.
  • Baking Powder and Baking Soda: Leavening agents that ensure the cake is airy and soft.
  • Salt: Balances sweetness and enhances the chocolate flavor.

Creamy Coconut Filling

  • Coconut Milk and Unsweetened Shredded ( or Desiccated) Coconut: The base of the coconut filling, adding texture and creamy coconut flavor. These two combined is kind of like putting the coconut back together but in a more sweet and decadent way!
  • Powdered Sugar: Sweetens the filling without adding graininess.
  • Cornstarch: Thickens the filling, giving it a smooth, velvety texture.
  • Vanilla Extract: Adds a subtle depth of flavor.

Chocolate Ganache

  • Dark Chocolate: Adds richness and depth to the ganache, making it a luxurious final layer.
  • Whipping Cream: Provides a creamy base for the ganache, making it smooth and spreadable.

How To Make Chocolate Coconut Cake

Prepare the Chocolate Sponge Cake

Preheat your oven to 350°F (175°C) and grease three 8-inch round cake pans, lining the bottoms with parchment paper. In a large bowl, combine canned coconut milk and vinegar, letting it sit for 5 minutes to curdle slightly. Add room temperature water, vegetable oil, cane sugar, and vanilla extract, whisking until smooth. Sift the flour, cocoa powder, baking powder, baking soda, and salt in a separate bowl.

Gradually add these dry ingredients to the wet mixture, stirring gently until combined. Divide the batter evenly among the pans and bake for 20-22 minutes or until a toothpick comes out clean. Let the cakes cool completely before assembling.

Make the Creamy Coconut Filling

In a medium pot, combine coconut milk, powdered sugar, and cornstarch. Heat over low, stirring constantly until the mixture boils, then let it bubble for 20-30 seconds to thicken. Remove from heat, allow it to cool for a few minutes, and then mix in the shredded coconut and vanilla extract.

Pour the filling into a container, cover with cling wrap directly on the surface, and chill in the fridge for 3-4 hours until thickened. You can make this filling a day in advance if needed.

Prepare the Chocolate Ganache

In a microwave-safe bowl, combine dark chocolate and whipping cream, microwaving in 30-second intervals and stirring until smooth. Alternatively, melt the mixture using a double boiler. Once smooth, cover the ganache with plastic wrap touching the surface to prevent a skin from forming. 

Let it set at room temperature for 3-4 hours until spreadable. If in a hurry, refrigerate the ganache but check it regularly to avoid over-firming.

Assemble the Cake Layers

Trim the tops of each cake layer if needed for even stacking. Place a small dollop of ganache on your cake stand to keep the cake in place, then place the first layer on top. 

Spread a layer of ganache over the cake, followed by a layer of coconut filling. Repeat with the second layer, topping it with more ganache and filling. Add the final layer and apply a thin crumb coat of ganache over the cake. Refrigerate for 30 minutes to set the crumb coat.

Finish with Chocolate Ganache and Decoration

After the crumb coat has set, apply a final layer of chocolate ganache over the entire cake, smoothing the top and sides for a sleek finish. Decorate with additional shredded coconut and chocolate shavings. Refrigerate the assembled cake for at least 30 minutes to set. Before serving, allow the cake to sit at room temperature for 10-15 minutes to bring out the flavors. Enjoy your decadent Chocolate Coconut Cake!

How Far In Advance Can I Make This Cake?

You can prepare the coconut filling and chocolate ganache up to two days in advance, storing them in the fridge until assembly. The cake layers can also be baked a day ahead and wrapped tightly to keep them moist. Assembled Chocolate Coconut Cake keeps well in the fridge for up to 3 days.

Why You’ll Love This Chocolate Coconut Cake

This chocolate coconut cake is a delight for all the senses, featuring rich, moist chocolate sponge layers paired with creamy coconut filling and decadent ganache. Reminiscent of a Bounty bar, it offers nostalgic flavors in an indulgent, homemade dessert. The fact that it’s egg-free and can easily be made dairy free makes it perfect for social gatherings. It’s simple to make yet stunning to serve – this cake is a total crowd-pleaser that’s sure to impress.

Chocolate Coconut Cake Frequently Asked Questions

Watch This Video For Chocolate Coconut Cake

Tips For Making This Chocolate Coconut Cake

  • Use Room Temperature Ingredients: Ensures smooth mixing and a soft, even crumb in the cake layers.
  • Don’t Overmix the Batter: Mix until combined to maintain a light, tender texture and avoid a dense cake.
  • Cool Cake Layers Completely: Prevent melting or sliding by ensuring the layers are fully cooled before assembling with filling and ganache.
  • Prepare the Ganache and Filling Ahead: Allow both to chill and set for easier handling, smoother spreading, and better stability during assembly.
  • Finish with Decorative Touches: Top the cake with shredded coconut or chocolate shavings for an elegant and polished presentation.

Did you make this recipe?

Leave a comment and rating below! Try these recipes next:

Meet Saloni

I’m a former pastry chef with a love for breads, cakes and everything in between! My recipes are easy to follow, egg free and are designed to be shared with others!

popular recipes

Get new recipes first!

Check out my Cookbook

Get tips from a pro!

No ratings yet

Chocolate Coconut Cake  

This Chocolate Coconut Cake combines the best of both worlds: a moist, chocolate sponge cake layered with a creamy coconut filling and coated in a glossy chocolate ganache! Each bite of this cake is a delightful balance of deep chocolate and tropical coconut, reminiscent of a Bounty bar. Perfect for celebrations or as an indulgent treat, this cake is guaranteed to impress!
Author: Saloni Mehta
Rate
Yield: 10 servings
Prep: 40 minutes
Cook: 22 minutes
Setting Time: 3 hours
Total: 3 hours 30 minutes

Equipment

Ingredients

Chocolate Sponge Cake Ingredients

  • 240 ml Canned Coconut Milk
  • 60 ml Water at room temperature
  • 1 tbsp White Vinegar*
  • 85 ml Vegetable Oil
  • 180 g Cane Sugar*
  • 2 tsp Vanilla Extract
  • 210 g All Purpose Flour
  • 35 g Cocoa Powder
  • ¾ tsp Baking Powder
  • tsp Baking Soda
  • ¼ tsp Salt

Chocolate Ganache Instructions

  • 360 g Dark Chocolate*
  • 360 ml Whipping Cream*

Creamy Coconut Filling Ingredients

  • 270 ml Coconut Milk
  • 150 g Powdered Sugar
  • 8 g Cornstarch
  • 90 g Unsweetened Shredded Coconut or Desiccated Coconut
  • ½ tsp Vanilla Extract
Shop Ingredients on Jupiter

Instructions

Chocolate Sponge Cake Instructions

  • Preheat the oven to 350F(175C).
  • Grease (3)8-inch round cake tins with oil on all sides & line it with baking paper.
  • In a bowl combine coconut milk with vinegar. Let it sit for 5 minutes until slightly curdled.
  • Add water, oil and sugar to it. Mix using a whisk until smooth.
  • In a separate bowl combine and sift all the dry ingredients.
  • Mix dry ingredients into the liquid ingredients and mix slowly until combined.
  • Divide the batter equally into the prepared cake tins & bake for 20-22 minutes or longer in needed.. Let it cool completely in the cake tin and then remove the cake layers and let them cool on a wire rack.

Chocolate Ganache Instructions

  • In a bowl combine chocolate and whipping cream.
  • Place it in the microwave for 30 seconds and stir with a spatula until it is smooth without any lumps of chocolate. Give it another 30 seconds or longer if needed.
  • Cover with a plastic wrap touching the surface of the ganache and let it set to a spreadable consistency for 5-6 hours at room temperature or in the fridge if you’re in a hurry. Don’t let it set too firm.

Creamy Coconut Filling Instructions

  • In a medium sized pot, combine coconut milk, powdered sugar, and cornstarch and bring it to a boil on low heat whilst stirring to ensure there are no lumps. Let it boil for 20-30 seconds and then remove from heat. Let it cool for 5-10 minutes and then add all the shredded coconut and vanilla extract and stir until it looks creamy and fully combined.
  • Store in a heatproof container and cover the surface with cling wrap. Keep it in the fridge for 3-4 hours for it to thicken and chill. You can prepare this recipe one day ahead. Refrigerate for up to 1 week.

Cake Assembly Instructions

  • Trim a thin layer of both cakes to level them with a serrated knife to ensure they stack evenly.
  • Place a small amount of frosting on the center of your cake stand or serving plate.
  • Place one layer of the cake on the prepared cake stands or plate.
  • Add 2-3 medium sized scoops of chocolate ganache filling and spread it evenly with an offset spatula.
  • Add 2-3 medium sized scoops of creamy coconut filling on top of chocolate ganache and spread it evenly.
  • Place the second cake layer on top of the coconut filling and repeat the layers of chocolate ganache and coconut filling.
  • Apply a crumb coat by spreading a thin layer of ganache over the entire cake. This layer seals in any crumbs and creates a smooth surface for the final coat. Chill the cake in the refrigerator for about 30 minutes.
  • After the crumb coat has set, apply the final layer of ganache. Smooth it out with the offset spatula.
  • Decorate the cake with creamy coconut filling and chocolate shavings.
  • Refrigerate the assembled cake for at least 30 minutes to allow the frosting to set and make slicing easier.
  • Once the cake is chilled and the frosting is set, remove it from the refrigerator and let it come to room temperature for about 10-15 minutes before serving. This allows the flavors to fully develop. Enjoy!

Notes

  • Cup vs weighing scale: The US customary cup measurement serves as a rough estimate, as it can have uncertainties, so for precise results, it's recommended to weigh your ingredients using a digital scale in grams. Before making any recipe, measure and prepare your ingredients so the process will go smoothly and easily.
  • For teaspoon (tsp) and tablespoon (tbsp) measurements, please use measuring spoons and not the type of spoons you eat with for accuracy.
  • Lemon Juice: You can substitute with Apple Cider Vinegar/White Vinegar and vice-versa.
  • Whipping Cream: Use Dairy-free unsweetened whipping cream for vegan and dairy-free or any full-fat whipping cream of choice)
  • Sugar: Cane sugar can be substituted with granulated sugar or castor sugar. Ensure the sugar is vegan-friendly (some sugars are processed with bone char) or use organic cane sugar.
  • Dark Chocolate: Use dark or semi-sweet baking chocolate chips/55% couverture chocolate/good quality 60% chocolate bar. To Make vegan, use dark chocolate or any dairy-free chocolate brand (make sure it doesn't contain milk solids or butter) but cocoa butter is totally fine.

Did you try this recipe? Leave a review!

Leave a Reply

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

Recipe Rating




Try these recipes next!

get new recipes right to your inbox!