| |

Nanaimo Bar Cake

If you’ve known me for a hot minute you know that I have a deep love (some might say obsession) with Nanaimo Bars. We are taking a confectionary soul mate kind of love here. They get me. When I’ve had a long day, nothing comforts me like a Nanaimo Bar. When I hit a milestone and need to celebrate, yep you guessed it, Nanaimo Bars are right there cheering me on. They’re my ride-or-die. My rock. My steady. My one true love. A Nanaimo Bar cake was destiny!

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.

What Is A Nanaimo Bar?

But let’s back it up here for a moment, especially for my non-Canadian friends. Nanaimo bars are a classic Canadian no-bake dessert bar that consists of 3 layers. The bottom is a crunchy chocolate crumb, coconut, and nut combination. The middle (and my personal favourite part) is creamy custard buttercream. The top is a thin layer of decadent chocolate ganache. There you have it: a Nanaimo Bar!

What’s In A Nanaimo Bar Cake?

About two years ago I decided to honour this delicious little dessert bar of total tastiness by turning it into a cake and it quickly became my signature cake flavour. Decadent layers of chocolate cake baked onto a chocolate coconut crumb base and slathered up in custard buttercream. They were finished off with a chocolate ganache drip and those oh-so-fabulous Nanaimo Bars. Cake heaven, folks. Pure cake heaven!

Nanaimo Bar Cake

I could sit here and talk about Nanaimo Bars all day, but I feel you’d much rather eat them than read about them, so let’s do that. I have my Nanaimo Bar recipe here if you want to make these first and use them on top of your cake for decor as I did. It seems only natural, right?! But honestly, I won’t judge you if you want to save that step and grab a tray of store-bought ones for decoration. I’ll leave the decision up to you.

What I do insist on though is making this cake STAT. Like not next week, or Christmas, or uncle Joe’s birthday. No. I’m talking about right now. ASAP people! And then come back here and tell me how much you too now adore Nanaimo Bars.

Chocolate fan? These are a must-bake:

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

Nanaimo Bar Cake

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

5 from 15 reviews

  • Author: Katie
  • Total Time: 2 Hrs 30 Min
  • Yield: 14 Slices 1x


The most amazing Nanaimo Bar cake recipe! Rich decadent chocolate cake layers baked on top of a Nanaimo Bar crust full of coconut and cashews. Covered in a whipped custard buttercream frosting and topped with even more Nanaimo Bars!




  • ⅔ cup dairy-free butter, melted

  • ⅓ cup sugar

  • 1 cup chopped cashews

  • 2 cups chocolate cookie crumbs

  • 1 ½ cups shredded sweetened coconut

  • ½ teaspoon salt


  • 2 cups all-purpose flour

  • 1 cup sugar

  • ½ cup cocoa powder

  • 1 ½ teaspoon baking soda

  • 1 teaspoon fine sea salt

  • 1 ½ cups hot coffee

  • ⅔ cup vegetable oil

  • 1 teaspoon. vanilla extract

  • 2 tablespoons vinegar


  • 2 cups dairy-free salted butter, room temperature

  • 6 cups icing sugar

  • ½ tablespoon fine sea salt

  • 1 tablespoon vanilla extract

  • ½ cup custard powder

  • optional: yellow food color


  • ½ cup dairy-free chocolate

  • 2 tablespoons dairy-free milk




  1. Spray and parchment line two 8-inch round cake pans.

  2. In a large mixing bowl, combine all the crust ingredients and mix until fully incorporated.

  3. Divide mixture into the 2 prepared cake pans and very firmly press down evenly.

  4. Set aside while mixing cake batter.


  1. Preheat the oven to 350 degrees.

  2. Add all the dry ingredients to the stand mixer and give a quick whisk together.

  3. Add the vegetable oil, hot coffee, and vanilla extract and whisk until fully incorporated.

  4. Add the vinegar and mix until fully incorporated being careful not to overmix.

  5. Divide and pour the batter evenly between the two cake pans and right on top of the prepared cake crust and bake for 20-25 minutes or until a toothpick comes out with a few crumbs.

  6. Cool in the pans for 10 minutes and then invert on a cooling rack to fully cool. Remove the parchment paper.


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

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

  3. Add in the yellow food coloring if desired. I add a few drops to saturate the natural yellow color of the custard powder.

  4. 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. In a microwave-safe bowl heat the chocolate and milk in 30-second intervals until fully melted and smooth. Stir between each interval.

  2. Depending on the kind of dairy-free milk, the ganache may require a touch more milk to thin or a few more pieces of chocolate to thicken. *I always test my chocolate ganache drips over the edge of the kitchen sink before applying it to a cake to check the consistency.


  1. Place one leveled layer of chocolate cake on a cake board or plate. Top with approximately 2 cups of custard buttercream.

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

  3. I left the cake as is at this point for a semi-naked look but should you want to cover the cake completely with another layer of buttercream for a smoother more polished look do so now.

  4. On a well-chilled cake, with a spoon or a piping bag, drip the chocolate ganache over the edges of the cake and put it back in the refrigerator.

  5. Decorate as you please. I placed Nanaimo Bars around the top border and used a Wilton 1M tip to pipe buttercream swirls between each Nanaimo Bar. Enjoy.

  • Prep Time: 2 Hrs
  • Cook Time: 30 Min
  • Category: Cake
  • Method: Baking
  • Cuisine: American


  • Serving Size: 1 Slice
  • Calories: 989
  • Sugar: 97 Grams
  • Sodium: 1117 Miligrams
  • Fat: 55 Grams
  • Saturated Fat: 30 Grams
  • Unsaturated Fat: 21 Grams
  • Trans Fat: 2 Grams
  • Carbohydrates: 124 Grams
  • Fiber: 3 Grams
  • Protein: 5 Grams
  • Cholesterol: 58 Miligrams

Similar Posts


    1. Hi Priscilla, I have never tested it with those sizes but I would be apt to say yes, both options should work fine. The baking time will decrease.

  1. I made this cake for my Nanaimo bar loving husband for our anniversary! It was so much fun to make, the cake turned out perfectly. I substituted the cashews for more coconut as my husband is allergic to cashews. Tastes so great and will definitely make again! Can’t wait to try more of these recipes!

      1. Hello – my son’s also a Nanaimo bar fan. Looking to make the cake for his birthday. Curious why the hot coffee – I don’t recall Nanaimo bars having a coffee flavour. Thx.

        1. Hi Ange, you won’t taste the coffee…I promise. Coffee helps deepen the chocolate flavor of the cake. It creates a wonderfully rich and robust chocolate cake. That said, if you don’t want to use coffee no sweat…replace it with hot milk.

  2. This was my first time having a nanaimo bar and the bars themselves are amazing, let alone the whole cake! Where have they been all my life?!

      1. Daaaaaang this cake was so so good! The crust on the cake layers really add some extra flavor that is so amazing! Will absolutely be making this one again!!

  3. My daughter requested this cake and it did not disapoint. I restrained myself from licking my plate clean.

  4. Seriously could not be better. If you love Nanaimo bars (or are curious to try them) I highly suggest you make this cake! The crumb on the bottom of the cake layers was to die for, and paired so well with the custard buttercream. I personally added a little more of the custard powder to suit my taste. Hands down, no question, will make this recipe again.

    1. You are the sweetest of the sweet Katie. I could probably eat a slice of this cake every single day! Thank you for taking the time to bake it up.

    1. You bet you can! The chocolate ganache drip might need a teeny splash more regular milk as it tends to be thicker than almond milk. I hope you love it!

    2. Hi Katie this recipe looks delicious and just wondering when I click on the Naomi bar’s recipe it says page not found?? Would really like your Naimo recipe Thanks

  5. I made this cake for my birthday last year and while I messed up on the ingredients (??) it was still AMAZING! Her recipe for Naniamo bars is so good with the cashews and coconut. I could eat that base just by itself allll the time. You must try this cake, you won’t regret it!

      1. This can easily be made gluten-free. Swap the regular flour for gluten-free flour (make sure it has xanthan gum) and use gluten-free chocolate cookie crumbs. Voila…gluten-free!

  6. This was the perfect cake! It does take a bit more time with all the layers, but well worth it! I will definitely make this one again.

  7. I made this cake for a friend. She received so many compliments about the taste and looks of the cake. It’s a great recipe.

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