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

  • 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

Keywords: baking, cake, nanaimo bars, nanaimo bar cake, nanaimo bar cake recipe, dairy-free cake, dairy-free nanaimo bar cake