A rich, indulgent dessert featuring moist chocolate cake layers, silky caramel, crunchy toffee, and a smooth chocolate buttercream. Each slice delivers a perfect blend of softness, creaminess, and irresistible crunch.
Why You’ll Love This Recipe
This cake is the ideal choice for chocolate and caramel lovers. The layers stay perfectly moist thanks to yogurt and hot water or coffee, while the homemade caramel adds depth and luxurious sweetness. The toffee crunch provides a delightful contrast, and the chocolate buttercream ties everything together beautifully. It’s impressive enough for celebrations yet simple enough for home baking.
Ingredients
(Tip: You’ll find the full list of ingredients and measurements in the recipe card below.)
Chocolate Cake Layers (2 layers)
2 cups all-purpose flour
3/4 cup unsweetened cocoa powder
1.5 cups granulated sugar
1 cup milk
1/2 cup hot water or hot coffee
1/2 cup vegetable oil
2 large eggs
1/2 cup yogurt or buttermilk
1 packet (about 2 teaspoons) baking powder
1/2 teaspoon baking soda
1 teaspoon vanilla extract
A pinch of salt
Salted Caramel Sauce
1 cup granulated sugar
3 tablespoons water
120 ml heavy cream
2 tablespoons butter
A pinch of salt
Toffee Crunch
1 cup toffee bits or croquant pieces
1/2 cup crushed walnuts or almonds (optional)
Chocolate Buttercream
200 g butter, softened
2.5 cups powdered sugar
1/2 cup cocoa powder
3 tablespoons milk
1 teaspoon vanilla extract
Directions
Chocolate Cake Layers
- Preheat the oven to 340°F (170°C).
- Grease two 20–22 cm round cake pans and line the bottoms with parchment paper.
- In a bowl, whisk together the flour, cocoa powder, baking powder, baking soda, and salt.
- In a separate bowl, mix the eggs, sugar, vegetable oil, yogurt or buttermilk, and milk until smooth.
- Stir in the hot water or coffee; the batter will be thin.
- Add the dry mixture to the wet ingredients and fold gently until fully combined.
- Divide the batter evenly between the two pans.
- Bake for 25–30 minutes, or until a toothpick inserted into the center comes out clean.
- Let the cakes cool completely before assembling.
Salted Caramel Sauce
- Add the sugar and water to a saucepan and heat over medium until the sugar melts and turns golden.
- Slowly pour in the heavy cream (it will bubble vigorously).
- Add the butter and salt, stirring until smooth.
- Let cool to thicken.
Chocolate Buttercream
- Beat the softened butter for 2–3 minutes until fluffy.
- Add powdered sugar and cocoa powder and continue mixing.
- Pour in the milk and vanilla, beating until creamy and smooth.
Assembling the Cake
- Place the first cake layer on your serving plate.
- Spread a thin layer of buttercream over the top.
- Add 4–5 tablespoons of caramel sauce.
- Sprinkle generously with toffee bits or croquant and nuts if using.
- Place the second cake layer on top.
- Cover the entire cake with chocolate buttercream.
- Drizzle extra caramel over the top and finish with more toffee crunch.
Servings and timing
This cake serves 10–12 slices.
Preparation time: about 30 minutes
Baking time: 25–30 minutes
Cooling and assembly time: 1–1.5 hours
Total time: approximately 2–2.5 hours
Variations
- Add a layer of chocolate ganache between the cakes for extra richness.
- Use almond or hazelnut croquant for a nutty twist.
- For deeper flavor, replace half of the milk with brewed coffee in the cake batter.
- Add a hint of sea salt on top for a salted-caramel finish.
Storage/Reheating
- Store the cake covered in the refrigerator for up to 4 days.
- Bring chilled slices to room temperature for about 20 minutes before serving for the best texture.
- You can freeze the unfrosted cake layers for up to 2 months; thaw at room temperature before assembling.
- Avoid microwaving frosted slices, as the caramel and buttercream may melt.
FAQs
How do I keep the cake layers moist?
Using yogurt or buttermilk and hot water or coffee ensures a tender, moist crumb.
Can I use ready-made caramel?
Yes, store-bought caramel works well if you prefer convenience.
Can I bake the cake in one pan instead of two?
You can use one deep pan, but the baking time will be longer, and the crumb may be denser.
Can I make the components ahead of time?
Yes. Cake layers, caramel, and buttercream can be prepared a day ahead and stored separately.
Do I have to use nuts in the toffee crunch?
No, the nuts are optional and can be omitted for a smoother texture.
What type of cocoa powder is best?
Unsweetened natural cocoa powder works well, but Dutch-processed gives a deeper chocolate flavor.
Can I turn this into a three-layer cake?
Yes, simply divide the batter into three pans; reduce baking time slightly.
How do I prevent the caramel from hardening?
Allow it to cool only until thick but pourable. If it firms too much, warm it gently.
Can I make the cake gluten-free?
Use a trusted 1:1 gluten-free baking flour blend.
Can the buttercream be made less sweet?
Reduce the powdered sugar slightly or add a tablespoon of cocoa to balance sweetness.
Conclusion
This Chocolate Caramel Toffee Crunch Cake brings together irresistible layers of moist chocolate, silky caramel, and satisfying crunch. Whether served at celebrations or as a special homemade treat, it captures the perfect balance of flavor and texture in every bite. Enjoy creating this show-stopping dessert in your own kitchen.
PrintChocolate Caramel Toffee Crunch Cake
A rich and decadent chocolate cake layered with silky caramel, crunchy toffee bits, and smooth chocolate buttercream. This indulgent dessert is perfect for celebrations or anytime you crave a luxurious, multi-textured treat.
- Prep Time: 30 minutes
- Cook Time: 30 minutes
- Total Time: 2.5 hours
- Yield: 10–12 servings
- Category: Dessert
- Method: Baking
- Cuisine: American
- Diet: Vegetarian
Ingredients
-
- Chocolate Cake Layers:
- 2 cups all-purpose flour
- 3/4 cup unsweetened cocoa powder
- 1.5 cups granulated sugar
- 1 cup milk
- 1/2 cup hot water or hot coffee
- 1/2 cup vegetable oil
- 2 large eggs
- 1/2 cup yogurt or buttermilk
- 2 teaspoons baking powder
- 1/2 teaspoon baking soda
- 1 teaspoon vanilla extract
- A pinch of salt
-
- Salted Caramel Sauce:
- 1 cup granulated sugar
- 3 tablespoons water
- 1/2 cup (120 ml) heavy cream
- 2 tablespoons butter
- A pinch of salt
-
- Toffee Crunch:
- 1 cup toffee bits or croquant pieces
- 1/2 cup crushed walnuts or almonds (optional)
- Chocolate Buttercream:
- 200 g butter, softened
- 2.5 cups powdered sugar
- 1/2 cup cocoa powder
- 3 tablespoons milk
- 1 teaspoon vanilla extract
Instructions
- Prepare the Chocolate Cake Layers: Preheat oven to 340°F (170°C). Grease and line two 20–22 cm round cake pans.
- Whisk flour, cocoa powder, baking powder, baking soda, and salt in a bowl.
- In another bowl, mix eggs, sugar, oil, yogurt or buttermilk, and milk. Stir in hot water or coffee.
- Combine wet and dry ingredients, stirring until smooth.
- Divide batter evenly between the pans and bake for 25–30 minutes. Cool completely before assembling.
- Make Salted Caramel Sauce: In a saucepan, heat sugar and water over medium heat until golden. Carefully add cream, then butter and salt. Stir until smooth. Let cool.
- Make Chocolate Buttercream: Beat butter until fluffy. Add powdered sugar and cocoa powder. Add milk and vanilla and beat until smooth and creamy.
- Assemble the Cake: Place one cake layer on a serving plate. Spread a thin layer of buttercream, then drizzle with 4–5 tbsp caramel. Sprinkle with toffee and nuts if using.
- Add the second cake layer. Frost the cake with remaining buttercream. Drizzle extra caramel over the top and finish with toffee crunch.
Notes
- Use coffee instead of water for deeper chocolate flavor.
- Nuts are optional and can be omitted.
- Make cake layers and components ahead for easier assembly.
- If caramel hardens, gently reheat until pourable.
- For less sweet buttercream, reduce powdered sugar or increase cocoa slightly.
Nutrition
- Serving Size: 1 slice
- Calories: 520
- Sugar: 42g
- Sodium: 210mg
- Fat: 30g
- Saturated Fat: 15g
- Unsaturated Fat: 12g
- Trans Fat: 0g
- Carbohydrates: 58g
- Fiber: 3g
- Protein: 6g
- Cholesterol: 80mg