Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe

Picture this: rich, velvety chocolate cake layers, perfectly moist and tender, wrapped in a luscious salted caramel filling that melts on your tongue. The aroma of cocoa mingled with warm caramel fills your kitchen, teasing your senses and promising a decadent treat. This Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe is everything you want in a dessert—sumptuous, approachable, and guilt-free!

Why You’ll Love This Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe

  • Rich Flavor Explosion: Deep cocoa powder combined with the buttery sweetness of salted caramel creates a dessert that delights every chocolate lover’s palate without compromise.
  • Simple, Clean Ingredients: Made with wholesome staples like gluten-free flour, coconut sugar, and dairy-free milk, it’s a natural way to enjoy dessert without refined sugar or dairy.
  • Perfect for Special Occasions: Whether it’s a holiday, birthday, or just a weekend indulgence, this cake impresses with every bite but stays friendly enough for any celebration.
  • Moist and Tender Texture: Thanks to the unique blend of oils, apple cider vinegar, and boiling water, the cake stays wonderfully moist and fluffy, a rare find in gluten-free baking.
  • Customizable Layers: The chocolate sweet potato frosting and salted caramel filling invite creativity—you can easily adapt toppings or add decorations to fit your style and mood.

Why This Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe Works

This cake triumphs by embracing a mix of science and heart. The magic begins with the homemade buttermilk, created by combining apple cider vinegar and dairy-free milk, which activates the baking soda for that flawless rise and tender crumb. The careful combination of gluten-free flour and cocoa powder adds depth and structure without heaviness. Using both coconut sugar and a blend of dairy-free butter and olive oil delivers moistness while keeping it dairy-free. Plus, the slow-cooked salted caramel, made from coconut cream and sugar, brings a silky finish that ties every layer together beautifully. The attention to detail in the baking method ensures a wonderfully soft yet structured cake that supports the rich fillings and frostings perfectly.

Ingredients You’ll Need

Single white plate showcasing a thick slice of rich chocolate cake with two moist layers separated by creamy chocolate frosting, topped with a smooth chocolate ganache and a decorative dollop of piped chocolate frosting, close-up angled shot emphasizing the moist crumb texture and velvety frosting layers, placed on a white marble surface under natural lighting, styled like an individual serving from a food blog, photo taken with an iphone --ar 4:5 --v 7

Gather your favorite wholesome ingredients that combine to create a cake as comforting as it is indulgent.

  • 2 cups 1:1 gluten free flour: The foundation for a light, tender crumb without gluten.
  • 1 cup cocoa powder: Provides deep chocolate flavor with intense richness.
  • 2 tsp baking powder: A leavening agent to help the cake rise beautifully.
  • 1 tsp baking soda: Works with buttermilk for a perfect lift and texture.
  • 1/2 tsp salt: Balances sweetness and enhances flavors.
  • 1 cup (dairy free) milk: Creates moistness and softness in the batter.
  • 1 Tbsp apple cider vinegar: Mixed with milk to form the magic buttermilk.
  • 1/2 cup (dairy free) butter (or coconut oil): Adds richness without dairy.
  • 1/2 cup olive oil: Keeps the cake moist and tender.
  • 4 large eggs: Provide structure and richness.
  • 2 tsp vanilla extract: Adds warm, aromatic sweetness.
  • 1 1/2 cups coconut sugar: For natural sweetness and caramel notes.
  • 3/4 cup boiling water: Helps dissolve cocoa and create a silky batter.
  • 1 can coconut cream: Thick and creamy base for that dreamy salted caramel filling.
  • Flaky salt: To finish the caramel with a delicate salty contrast.

Ingredient Substitutions & Tips

  • Gluten free flour: You can swap your favorite gluten-free blend as long as it’s 1:1 with regular flour.
  • Dairy free butter: Coconut oil is a great alternative and imparts a subtle tropical hint.
  • Coconut sugar: Light brown sugar can substitute for similar caramel notes but less refined.
  • Coconut cream: Make sure it’s full-fat and thick; refrigerate the can overnight to scoop out just the cream.

👨‍🍳 Pro Tips for Perfect Results

  • Use room temperature eggs and dairy-free butter for smooth mixing and even texture.
  • Don’t skip the boiling water: It blooms the cocoa, intensifying that rich chocolate flavor.
  • Let the salted caramel cool fully before assembling to avoid melting the frosting.
  • Line your pans carefully with parchment and oil to ensure clean cake releases.
  • After baking, cool the cakes completely on wire racks before frosting for best texture and presentation.

How to Make Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe

Step 1: Prepare your pans and oven

Preheat your oven to 350°F. Oil the cake pans and line the bottoms with parchment paper to ensure your layers come out perfectly smooth and unstuck.

💡 Pro Tip: Dropping the cake pans a few times before baking helps release trapped air bubbles and avoids holes in your cake texture.

Step 2: Make the dairy-free buttermilk

Mix the apple cider vinegar with the dairy-free milk and let it sit. This buttermilk substitute activates the baking soda, lending the cake its tenderness and rise.

💡 Pro Tip: Letting this mixture rest a few minutes helps it curdle just right for the best results.

Step 3: Whisk together the dry ingredients

In a medium bowl, carefully whisk the gluten-free flour, cocoa powder, baking powder, baking soda, and salt. This ensures your cake’s structure and flavor are even throughout.

💡 Pro Tip: Sifting your cocoa powder prevents lumps and gives a silkier batter.

Step 4: Beat the wet ingredients

Using a mixer, combine the dairy-free butter, olive oil, eggs, vanilla, and coconut sugar until smooth. This creamy base brings moisture and sweetness to the cake.

💡 Pro Tip: Beat just until combined to avoid over-mixing, which can toughen gluten-free cakes.

Step 5: Combine wet and dry, add boiling water

Slowly add the dry ingredients to the wet mixture and mix on low until just combined. Then whisk in the boiling water—this warms the batter and highlights the cocoa’s deep richness.

💡 Pro Tip: Adding the boiling water last creates a luxuriously smooth and flowing batter.

Step 6: Bake until perfectly tender

Pour the batter evenly into your prepared pans and bake for 30 to 35 minutes. Check with a toothpick—it should come out clean but moist.

💡 Pro Tip: Oven temperatures can vary, so start checking at 30 minutes to avoid overbaking.

Step 7: Cool and release the cakes

Let the cakes cool in their pans a bit, then run a knife around the edges. Flip them out onto wire racks to cool completely before frosting.

💡 Pro Tip: Full cooling ensures your frosting won’t melt and your layers stack perfectly.

Step 8: Create your luscious salted caramel

Over medium heat, whisk coconut sugar and scooped coconut cream in a saucepan. Stir gently until the sugar dissolves, then reduce heat and simmer for about 10 minutes until thickened and syrupy.

💡 Pro Tip: Use only the thick cream and leave out any coconut water for the best texture.

Step 9: Finish and chill the caramel

Stir in vanilla and flaky salt, then pour into a heat-safe dish. Let it cool to room temperature before popping it in the fridge to set.

💡 Pro Tip: Cooling in the fridge helps the caramel thicken to a perfect spreadable consistency.

Step 10: Frost and assemble your masterpiece

Cut off any domes on your cake layers, spread a thin layer of chocolate sweet potato frosting on the bottom layer, then drizzle half the salted caramel over it. Stack the next layer, frost generously, and decorate with the remaining caramel.

💡 Pro Tip: Use piping bags to create neat frosting borders to keep caramel in place and add a professional touch.

Common Mistakes to Avoid

Learn from these common pitfalls:

  • Overmixing the batter: This can make gluten-free cakes dense and tough, so mix gently and just until combined.
  • Not measuring flour correctly: Scooping flour directly can cause dryness; spoon and level for accuracy.
  • Using coconut cream with coconut water: Including the liquid thins the caramel and keeps it from thickening properly.
  • Slicing into the cake before cooling: Warm cake crumbles easily, so patience pays off here.
  • Baking at the wrong temperature: An oven thermometer helps ensure a true 350°F for even baking.
  • Skipping lining cake pans: Greasing alone might cause sticking—inserting parchment paper is key for flawless release.

Delicious Variations to Try

Once you’ve mastered this Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe, why not experiment with these tempting twists?

Moist Greek Honey Cake Upgrade

Try swapping out the salted caramel for a drizzle of sweet honey syrup, inspired by the Moist Greek Honey Cake Recipe – Foodarohub. This adds a floral, sticky-sweet dimension while staying gluten-free and dairy-free.

Decadent S’mores Cupcake Style

Transform this cake into individual cupcakes and top with a marshmallow-inspired frosting for a campfire treat. The rich cocoa base pairs beautifully with a hint of graham cracker crumbs as seen in the Irresistible S’mores Cupcakes Recipe – Foodarohub.

Salted Caramel Mocha

Add a teaspoon of instant espresso powder to the batter for a subtle coffee kick that contrasts marvelously with the caramel layers.

Fruity Twist

Layer fresh raspberries or sliced strawberries between cake layers to cut through the richness and add bright, juicy texture.

Nutty Crunch

Sprinkle toasted chopped pecans or walnuts atop the frosting for a satisfying crunch and an earthy note.

How to Serve Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe

Whole uncut chocolate cake presented on a white plate, featuring two moist dark chocolate layers filled and coated with smooth chocolate frosting, topped with elegantly piped chocolate decorations and a glossy caramel drizzle, the complete cake shown from a 3/4 angle on a white marble countertop with natural lighting, styled as a hero shot for a food magazine, photo taken with an iphone --ar 4:5 --v 7

Garnishes

Finish with a sprinkle of flaky sea salt, cacao nibs, or shaved dairy-free chocolate curls for added texture and flair.

Side Dishes

This cake pairs wonderfully with a simple scoop of dairy-free vanilla ice cream or a fresh berry salad to balance each bite.

Creative Ways to Present

Serve slices on rustic wooden boards or elegant cake stands. Add edible flowers or a dusting of cocoa powder for that extra special touch.

Make Ahead and Storage

Make-Ahead Instructions

You can bake the cake layers a day ahead and chill them tightly wrapped in plastic wrap to preserve moisture.

Storage

Store the assembled cake in the refrigerator, covered, for up to 4 days. The flavors meld beautifully as it rests.

Freezing

The unfrosted cake layers freeze well wrapped in plastic and foil for up to 2 months. Thaw overnight in the refrigerator before frosting.

Reheating

If you prefer room temperature cake, remove from the fridge 30 minutes before serving. Avoid microwaving to preserve texture.

Expert Tips for Success

  • Use high-quality gluten-free flour blends for the best texture and flavor balance.
  • Measure all ingredients precisely especially coconut sugar and flour for consistent results.
  • Stir caramel gently to avoid graininess and ensure a silky smooth finish.
  • Let frosting and caramel chill sufficiently for spreadable but stable layers.
  • Practice patience during cooling to keep your cake layers from crumbling.
  • Invest in good parchment paper to make cake removal effortless.
  • Use room-temperature wet ingredients for easier blending and batter consistency.

Frequently Asked Questions

Can I use regular sugar instead of coconut sugar?

Yes, you can substitute with brown sugar or coconut sugar alternatives, but coconut sugar adds a unique caramel flavor that complements the salted caramel beautifully.

Is this cake completely dairy-free?

Yes! The recipe uses dairy-free milk and butter alternatives, making it a friendly option for those avoiding dairy.

Can I make this cake ahead of time?

Absolutely! Bake the layers the day before and store them wrapped, then assemble just before serving to maintain freshness.

What if I don’t have coconut cream?

Coconut cream is crucial for the caramel’s richness; however, you can try chilled full-fat canned coconut milk and scoop the thickest part for a close substitute.

How to keep the cake moist?

The combination of olive oil, dairy-free butter, and the boiling water addition keeps the crumb tender and moist. Don’t overbake and follow cooling tips for best results.

Can I make this recipe nut-free?

Yes, this recipe is naturally nut-free as long as your dairy-free butter substitute is also nut-free. Always check ingredient labels to be sure.

What type of gluten-free flour is best?

A 1:1 gluten-free baking flour blend with xanthan gum works well to mimic regular flour texture and structure in this cake.

Final Thoughts

This Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe is a celebration of rich flavors and wholesome ingredients. Baking it feels like crafting edible love, perfect for both gatherings and quiet moments of indulgence. With each forkful, you get the perfect balance of moist cocoa goodness and creamy, salty-sweet caramel that feels both nostalgic and special. Invite your loved ones, share the joy, and watch this cake become a beloved centerpiece in your family’s recipe collection.

Related Recipes You’ll Love

If you enjoyed this recipe, you’ll also love these delicious recipes:

Print

Gluten-Free Salted Caramel Chocolate Cake (Dairy-Free & Refined Sugar-Free) Recipe

This Gluten Free Salted Caramel Chocolate Cake is a rich, dairy-free, and refined sugar free dessert featuring moist chocolate layers paired with a luscious salted caramel filling and a creamy chocolate sweet potato frosting.

  • Author: Natali
  • Prep Time: 20 minutes
  • Cook Time: 35 minutes
  • Total Time: 2 hours 5 minutes
  • Yield: 16 servings 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: Gluten Free
  • Diet: Gluten Free

Ingredients

Scale

Cake

  • 2 cups 1:1 gluten free flour
  • 1 cup cocoa powder
  • 2 tsp baking powder
  • 1 tsp baking soda
  • 1/2 tsp salt
  • 1 cup (dairy free) milk
  • 1 Tbsp apple cider vinegar
  • 1/2 cup (dairy free) butter (or coconut oil)
  • 1/2 cup olive oil
  • 4 large eggs
  • 2 tsp vanilla extract
  • 1 1/2 cups coconut sugar
  • 3/4 cup boiling water

Caramel

  • 1 cup coconut sugar
  • 1 can coconut cream*
  • 2 tsp vanilla extract
  • 1/21 tsp flaky salt

Frosting

  • Chocolate Sweet Potato Frosting

Instructions

  1. Cake: Preheat oven to 350F. Oil and line the bottom of two cake pans with parchment paper.
  2. Make Buttermilk: Mix together the ACV and milk to make buttermilk and set aside.
  3. Mix Dry Ingredients: Whisk together the dry ingredients in a medium bowl and set aside.
  4. Beat Wet Ingredients: In a large bowl with an electric mixer or in a stand mixer, beat all the wet ingredients (except sugar and hot water) until smooth. Add the sugar and mix to combine.
  5. Combine Batter: Add the dry ingredients to the wet ingredients and mix on low speed until just combined. Add the boiling water and whisk or beat on medium until smooth.
  6. Bake Cake: Pour cake batter into prepared tins and “drop” each cake pan on the counter a few times to release air bubbles. Bake for 30-35 minutes until a toothpick comes out just clean.
  7. Cool Cake: When cakes are done, let cool in the tins before running a knife around the edges to release. Flip cakes out of the cake pans to completely cool on a wire rack before frosting.
  8. Caramel: While cake is baking, make the salted caramel filling by combining the sugar and coconut cream in a large saucepan on medium heat. Be sure to scoop out just the thick, white cream part and leave any coconut water in the can.
  9. Dissolve Sugar: Whisk to combine until sugar is dissolved.
  10. Thicken Sauce: Turn heat to medium-low, mixing occasionally until sauce has thickened and coats the back of a spoon, about 10 minutes.
  11. Finish Caramel: Remove from heat and stir in the vanilla and salt. Pour into a heat safe dish and let cool to room temperature before transferring to the fridge to cool and set.
  12. Frosting: While cake bakes, make the frosting.
  13. Assembly: To assemble, cut domes off the chocolate cake layers. Place one cake down and spread a thin layer of frosting over the top of the bottom layer. Pipe a damn of icing then spread half of the caramel sauce over the cake.
  14. Finish Cake: Layer the second cake on top then ice and decorate as desired. Use the remaining salted caramel to decorate the top of the cake.

Notes

  • *When using coconut cream, be sure to scoop out just the thick, white cream part and leave any coconut water in the can for the caramel.

Keywords: Gluten free chocolate cake, dairy free chocolate cake, salted caramel cake, refined sugar free dessert, chocolate cake recipe

Did you make this recipe?

Share a photo and tag us — we can’t wait to see what you’ve made!

Similar Posts

Leave a Reply

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

Recipe rating