Salted Maple Coconut Cake

It happened. Just the other day. I was driving downtown to grab my online grocery order with the girls in tow when we noticed it. The leaves were turning yellow. Yes…fall had officially fallen. Spotted amongst the vast valley of green trees, were several autumn yellow beauties standing tall and proud.

And seeing as it’s September, this should come as no surprise but I won’t lie that when I spotted those golden leaves, my heart sunk a teeny tiny bit. Summer, that sweet season of freedom, late nights, and lakeside days, has come to a close. In an attempt to bolster my spirits and convince my children that not all things fall are fretful, I decided to bake up my first official “autumn” cake. I hope this Salted Maple Coconut cake is a tasty foray into fall for us all.

Note: This post contains affiliate links to which I earn a small commission, but don’t worry there’s no extra cost to you! Thank you for supporting CAKED by Katie.

Coconut: Love/Hate

I recognize that coconut is one of those dividing flavours. People tend to either love it or hate it. Clearly, you can tell which side of the coconut fence I’m on. I’ll take a quick moment to implore you coconut nay-sayers out there. This cake uses coconut milk and not a single shred (pun intended) of desiccated or shredded coconut will be found so if coconut is a texture hang-up for you, give this recipe a shot!

Let’s also chat about coconut milk. Don’t waste your time, your money, or your tastebuds on anything other than full-fat coconut milk. It’s far and above superior. Creamy, rich, and full of true authentic coconut flavour. You’ll use canned full-fat coconut milk in both the cake layers and the pastry cream filling.

A Fews Swaps and it’s Coconut Cake Time

Starting with the cake layers, this recipe is a basic vanilla cake with a few simple swaps. Coconut milk for milk. Coconut yogurt for greek yogurt. And a teaspoon of coconut extract (if you have it) for that extra coconut boost. Bam! Delicious, soft, and fluffy coconut cake layers.

Pastry cream is a thing of beauty. It’s rich and smooth and feels so very indulgent. Coconut milk makes for an easy and totally tasty swap for the traditional milk the recipe calls for. And the best part about using coconut milk is that it’s dairy-free. Hip-hip-hooray!

Pastry Cream Time!

The trick to making a velvety smooth coconut pastry cream is tempering your eggs so as not to scramble them. Slow and steady and never over anything higher than medium heat. Make sure to store leftover coconut pastry cream in an airtight container in the refrigerator for up to 3 or 4 days. But believe me when I say leftovers will never last that long because you’ll find yourself finding any and all excuses to eat a spoonful here and there.

If you dig coconut, I think you would love my Salted Cashew Coconut Fudge.

clock clock iconcutlery cutlery iconflag flag iconfolder folder iconinstagram instagram iconpinterest pinterest iconfacebook facebook iconprint print iconsquares squares iconheart heart iconheart solid heart solid icon
the top view of a cake with buttercream swirls and cookies around the border.

Salted Maple Coconut Cake

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 1 review

  • Author: Katie
  • Total Time: 2 Hrs 25 Mins
  • Yield: 10 Slices 1x


Three fluffy coconut cake layers filled with sweet coconut pastry cream. Covered in a dairy-free whipped salted maple buttercream frosting that is perfectly salty and sweet.




  • ½ cup dairy-free salted butter, room temperature

  • 1 ½ cups sugar

  • ⅓ cup all-vegetable oil

  • ½ cup egg whites (approx 4 egg whites)

  • ⅓ cup dairy-free coconut yogurt, room temperature

  • 1 tbsp. vanilla extract

  • 1 tsp. coconut emulsion

  • 2 ½ cups cake flour, sifted

  • 1 ½ tsp. baking powder

  • ½ tsp. baking soda

  • 1 tsp. fine sea salt

  • ½ cup coconut milk, canned full-fat


  • 2 cups coconut milk, canned full-fat

  • 2 egg yolks

  • 1 egg

  • ⅛ cup sugar

  • 2 ½ tbsp. cornstarch

  • ½ tsp. vanilla extract

  • ½ tsp. fine sea salt

  • 2 tbsp. dairy-free salted butter, room temperature





  1. Preheat oven to 350 degrees and prepare three 6-inch round cake pans.

  2. In the bowl of a stand mixer cream butter, sugar, and vegetable oil on high for 2 minutes with the whisk attachment.

  3. Add egg whites and mix on high for 2 minutes.

  4. Add coconut yogurt, vanilla extract, and coconut emulsion and mix on high for 2 minutes.

  5. Combine all the dry ingredients into the mixer and mix on low

  6. While the mixer is on low slowly pour in the coconut milk and mix until combined. Be careful to not overmix the batter.

  7. Divide batter between three 6 inch cake pans and bake for 20-25 minutes or until a toothpick comes out with a few crumbs.

  8. Cool in pans for 10 minutes and then invert on a cooling rack to fully cool.


  1. In a medium pot bring coconut milk, sugar, and vanilla extract to a boil over medium heat.

  2. While the coconut milk mixture is warming, mix together the egg yolks, whole egg, cornstarch, and salt in a heat-proof bowl. Whisk together until it is thick but smooth without any lumps. Set aside.

  3. As soon as the coconut milk mixture comes to a boil remove it from the heat and slowly pour half of it into the egg mixture while continually whisking. This is tempering the eggs.

  4. Pour the tempered egg mixture back into the pot while continually whisking and bring it back over medium heat. The mixture should start to thicken in 1-2 minutes.

  5. Allow it to come back to a boil, while still whisking, and boil for another 1-2 minutes.

  6. Remove from the heat and add in the butter. Mix until fully melted and smooth.

  7. Strain the coconut pastry cream into a shallow dish and directly cover the surface with plastic wrap.

  8. Allow to fully cool to room temperature before filling the cake.


  1. In the bowl of a stand mixer beat the butter, shortening, and maple butter on high speed with the paddle attachment until light and fluffy, approximately 5 minutes.

  2. Add the icing sugar, salt, vanilla extract, and maple emulsion and mix on low until combined.

  3. Turn the mixer up to medium and let mix for 5 minutes until smooth and creamy. Scrape the sides of the bowl when necessary.


  1. Place one leveled layer of coconut cake on a cake board or plate. Top with approximately 1 cup of buttercream.

  2. Pipe a buttercream border along the edges and fill with 1/2 cup of coconut pastry cream filling.

  3. Repeat with remaining layers and apply a thin coat of buttercream all over the cake. Refrigerate for 20 minutes.

  4. Cover the cake with another layer of buttercream and smooth sides.

  5. Decorate as you please. I smoothed the sides of the cake and then, with my Ateco cake comb, I ran it around the bottom half of the cake to create some texture. The top is decorated with Wilton 1M piped buttercream swirls and Dare Maple Cream Cookies between each swirl. Enjoy.

  • Prep Time: 2 Hrs
  • Cook Time: 25 Mins
  • Category: Cakes
  • Cuisine: American

Similar Posts


  1. If you make nothing more than just the salted maple butter cream it will be totally worth your time. This has to be the very best buttercream I have ever had. A friend of mine said this is a flavor explosion in my mouth!!! Another said this is the answer to world peace…. so so super good!

  2. What brand of coconut milk do you suggest using? Oh and what brand of dairy free milk do you suggest for the buttercream?

    1. Any kind will work as long as it’s canned full fat! You could use coconut milk in the frosting or any other kind of dairy-free milk. I personally use unsweetened almond.

Leave a Reply

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

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star