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
a slice of chocolate cake on a pottery plate

Gluten Free Toasted Coconut Chocolate Cake

  • Author: Jenna Barnard
  • Prep Time: 40 minutes
  • Cook Time: 40 minutes
  • Total Time: 1 hour 20 minutes
  • Yield: 6 or 8 inch cake 1x


Rich and moist gluten free chocolate cake coated in coconut buttercream, toasted coconut, and chocolate ganache.



Gluten Free Chocolate Cake

  • 2 cups (280g) Bob’s Red Mill Gluten Free 1-to-1 Baking Flour*
  • 1 cup (90g) unsweetened cocoa powder (use dark cocoa powder for a deeper color)
  • 1 1/2 tsp baking powder
  • 1 tsp baking soda
  • 1/2 tsp salt
  • 1 3/4 cup (360g) granulated sugar
  • 1/3 cup (70g) coconut oil, melted
  • 3 large eggs
  • 1 tbsp vanilla extract
  • 1 cup (220ml) canned full fat coconut milk**
  • 1 tsp apple cider vinegar
  • 3/4 cup hot water

Coconut Buttercream

  • 8oz (226g) full fat cream cheese, room temp
  • 1/2 cup (110g) unsalted butter, room temp
  • 6 cups (720g) powdered sugar
  • 2 tsp coconut extract
  • 2 tbsp coconut milk (reserved from can)
  • 2 cups toasted (chipped or shredded) unsweetened coconut

Chocolate Ganache

  • 4oz bittersweet chocolate, chopped
  • 4oz (1/2 cup) heavy whipping cream
  • 23 tsp any mild oil, like vegetable, canola, or melted coconut


Toasted Coconut

  1. Preheat the oven to 325F and line a large baking sheet with parchment paper.
  2. Spread the coconut in an even layer and bake for 4 minutes. It should be barely browned by that point. 
  3. Move around the coconut to ensure even browning and bake for another 3-4 minutes until lightly golden.
  4. Allow the coconut to cool completely then transfer to a container. Store at room temp.

Gluten Free Chocolate Cake

  1. Preheat the oven to 350F and prep either (3) 6 inch round cake pans or (2) 8 inch round cake pans. Coat in nonstick spray and line the bottoms with parchment paper.
  2. I recommend wrapping the cake pans in dampened cake strips to ensure even baking. This is optional, but definitely encouraged.
  3. In a large bowl, either by hand or using a stand mixer with the whisk attachment, whisk together the gluten free flour, cocoa powder, baking powder, baking soda, salt, and sugar.
  4. In a separate bowl, combine the coconut oil, eggs, vanilla, coconut milk, and apple cider vinegar.
  5. Slowly pour the wet ingredients into the dry ingredients with the mixer running on medium-low speed. If mixing by hand, mix in the wet ingredients in thirds. The batter should be somewhat thick and fudgy.
  6. Once combined, slowly pour in the hot water and mix until smooth. The batter should now be fairly thin.
  7. Evenly distribute into the cake pans. For 6 inch cakes, bake for 35-40 minutes, for 8 inch cakes, bake for 30-35 minutes. Test a with a toothpick in the center to be sure they’re done. Bake for an additional 3-5 minutes or until the toothpick comes out clean.
  8. Let the cakes cool in the pans for about 30 minutes, then turn out onto a cooling rack.
  9. Transfer the cakes to the fridge for about an hour while you make the frosting. The cakes should be COMPLETELY cooled before assembling. If making the cakes a day ahead, see my notes within the post on how to store them.

Coconut Buttercream

  1. Using a hand or stand mixer with the whisk attachment, cream together the cream cheese and butter. Ensure they’re both at room temperature for a smooth buttercream.
  2. Mix in the powdered sugar one cup at a time on low speed, then increasing the speed as it mixes in.
  3. When it starts getting too thick, mix in the extract and milk. Continue with the rest of the powdered sugar.


  1. Once the cakes are cooled, level off the tops if needed.
  2. Spread about 1/2 cup of buttercream between each layer and place the cake back in the fridge for 15 minutes to firm up.
  3. Spread the rest of the buttercream in an even (but not perfect) layer all around the cake. We’ll be hiding any imperfections with the coconut.
  4. Press the toasted coconut into the sides of the cake and transfer the cake back to the fridge while you make the ganache.

Chocolate Ganache

  1. Add the chocolate to a heat safe bowl and set aside.
  2. Measure out the whipping cream in a microwave save measuring glass and microwave for 30sec-1min or until it starts to bubble.
  3. Pour the hot cream over the chocolate and let it sit for about 30 seconds, then stir until smooth.
  4. To thin out for the cake drip, add 2-3 tsp of oil until it runs off your spoon in an even stream.
  5. Quickly pour about 3/4 of the ganache onto the center of the cake and push it over the sides to drip down. Add the remaining ganache if needed.
  6. Now dig in!


  1. *To measure properly, spoon the flour into your measuring cup and level it off with a flat edge. Don’t shake it or press it down into the cup.
  2. **Shake up the can before using.

Keywords: gluten free chocolate cake, chocolate coconut cake, coconut chocolate cake, toasted coconut

Recipe Card powered byTasty Recipes