Salted Caramel Chocolate Layer Cake
This cake brings together deep, fudgy chocolate layers, a buttery salted caramel sauce, and a smooth chocolate frosting that sets up just firm enough to hold the drips. It looks like a bakery cake but comes together with standard pantry ingredients and a bit of patience.
The caramel is the real star here. I cook it on the stovetop until it turns a dark amber, then add a generous pinch of flaky salt so the sweetness never overwhelms the chocolate.
Why This Salted Caramel Chocolate Cake Works
I like that the cake stays moist for days. The batter uses both oil and buttermilk, so even a slice from the fridge comes back to room temperature with a tender crumb.
The salted caramel cuts through the richness. The chocolate layers are fudgy, the frosting is silky, and the salty caramel drizzle in every bite keeps the whole thing from feeling too heavy. It is the kind of dessert people ask for by name.
Ingredients
Cake
- 1 ¾ cups all-purpose flour: spooned and leveled for an accurate measure
- ¾ cup unsweetened cocoa powder: use natural cocoa powder, not Dutch-process
- 1 ½ tsp baking powder
- 1 ½ tsp baking soda
- 1 tsp fine sea salt
- 1 cup granulated sugar
- 1 cup packed light brown sugar
- ½ cup vegetable oil: or any neutral oil
- 2 large eggs, at room temperature
- 1 tbsp vanilla extract
- 1 cup buttermilk, at room temperature
- 1 cup hot brewed coffee: just off the boil, it blooms the cocoa
Salted Caramel Sauce
- 1 cup granulated sugar
- 6 tbsp unsalted butter, cut into cubes
- ½ cup heavy cream, at room temperature
- 1 tsp flaky sea salt: plus more for finishing
Chocolate Frosting
- 1 ½ cups unsalted butter, softened to room temperature
- 3 ½ cups powdered sugar
- ¾ cup unsweetened cocoa powder
- 4 oz dark chocolate (60-70%), melted and cooled slightly
- ¼ cup heavy cream
- 1 tsp vanilla extract
- ¼ tsp fine sea salt
Variations
- Buttermilk swap: use 1 cup whole milk plus 1 tbsp lemon juice or white vinegar, let it sit 5 minutes
- Flaky salt: use ½ tsp fine sea salt in the caramel if flaky salt is not available, the flavor will be there but the texture changes
- Frosting shortcut: omit the melted chocolate and increase the cocoa powder to 1 cup for a quicker version that still tastes rich
- Gluten-free: replace the flour with a 1-to-1 gluten-free baking blend that contains xanthan gum
For a lighter finish, try a chocolate mousse cake instead.
How to Make Salted Caramel Chocolate Layer Cake
Step 1: Bake the Chocolate Cake Layers
Preheat the oven to 350°F (175°C). Grease two 9-inch round cake pans and line the bottoms with parchment paper. In a bowl, whisk together the 1 ¾ cups flour, ¾ cup cocoa powder, baking powder, baking soda, and 1 tsp salt. In a large mixing bowl, beat the 1 cup granulated sugar, 1 cup brown sugar, and ½ cup oil until combined. Add the eggs one at a time, then the 1 tbsp vanilla. Mix in half the dry ingredients, followed by the 1 cup buttermilk, then the remaining dry ingredients. With the mixer on low, stream in the hot coffee and stir just until smooth. The batter will be very thin.
The batter looks worryingly loose, like a crepe batter, but that liquid is what keeps the cake moist after baking. Scrape it evenly into the prepared pans.
Using hot coffee instead of water deepens the chocolate flavor without tasting like coffee. If you prefer, you can use hot water here, but the cake will taste a little flatter. Bake the layers on the middle rack for 28 to 32 minutes, until a toothpick inserted in the center comes out with a few moist crumbs attached. Let the cakes cool in the pans for 10 minutes before turning them out onto a wire rack to cool completely.
Step 2: Simmer the Salted Caramel Sauce
Place the 1 cup sugar in a heavy-bottomed saucepan over medium heat. Let the sugar melt without stirring, occasionally swirling the pan gently to distribute the heat. After about 6 to 8 minutes, the sugar will turn a deep amber color. Immediately remove the pan from the heat and whisk in the 6 tablespoons of cubed butter until fully melted. The mixture will bubble up aggressively, so be careful.
The color should be just past golden, almost the shade of a copper penny. Any lighter and the caramel will taste too sweet without the toasted depth that holds up against the chocolate.
Pour in the ½ cup heavy cream in a steady stream while whisking constantly. The caramel will steam and sputter, then smooth out into a glossy sauce. Stir in the 1 tsp flaky sea salt. Let the caramel cool in the pan for 15 minutes, then pour it into a heatproof jar and refrigerate until it is cool and slightly thickened, about 1 hour. You want it pourable but not runny when it hits the cake.
Step 3: Whip the Chocolate Frosting
In a stand mixer or with a hand mixer, beat the 1 ½ cups softened butter on medium speed for about 3 minutes until pale and creamy. Sift in the 3 ½ cups powdered sugar and ¾ cup cocoa powder and mix on low until incorporated, then increase the speed to medium and beat for 2 minutes. Scrape down the bowl. Pour in the melted dark chocolate, ¼ cup heavy cream, 1 tsp vanilla, and ¼ tsp salt. Beat for another 2 to 3 minutes until the frosting is light and spreadable.
The frosting should hold a soft peak but not feel stiff. If it seems too thick, add an extra tablespoon of cream. If it is too loose after adding the melted chocolate, chill it for 15 minutes and beat again.
Melted chocolate gives the frosting a richer mouthfeel than cocoa alone. Be sure the chocolate is just barely warm when you add it so it does not melt the butter and cause the frosting to separate.
Step 4: Stack and Fill the Cake
Place one cooled cake layer on a serving plate or cake stand. Spread a generous ½ cup of the chocolate frosting over the top, stopping about ¼ inch from the edge. Spoon ⅓ cup of the cooled caramel sauce into the center and gently spread it almost to the edge of the frosting. Keep a slightly thicker ring of frosting around the perimeter so the caramel does not leak out the sides when you add the second layer.
Set the second cake layer on top, flat side up. Press down very lightly to anchor it. Spread a thin crumb coat of frosting over the entire cake and refrigerate for 20 minutes to set. This catches any dark crumbs and makes the final layer look clean.
A crumb coat feels like an extra step, but skipping it will leave chocolate flecks visible in the frosting. After chilling, frost the cake with the remaining frosting, smoothing the top and sides with an offset spatula or a bench scraper.
Step 5: Drizzle with Salted Caramel and Serve
Pour the remaining caramel sauce into a small squeeze bottle or use a spoon to drizzle it over the edges of the chilled cake, letting it drip down the sides. Sprinkle a few extra flakes of sea salt over the top while the caramel is still wet so they stick.
Let the cake sit at room temperature for about 20 minutes before slicing so the caramel relaxes and the frosting softens. Use a sharp knife, wiping it clean between cuts, and serve each slice with any extra caramel pooled on the plate. The contrast between the glossy drips, dark frosting, and tender crumb makes this cake look like a centerpiece, even on a weeknight.
Tips for the Best Salted Caramel Chocolate Cake
- Use room temperature ingredients for the cake batter. Cold eggs or buttermilk can make the batter seize and the layers less tender.
- Do not stir the caramel while the sugar melts. Swirl the pan instead. Even a quick whisk can cause the sugar to crystallize into a grainy mess.
- Make the caramel sauce a day ahead. It needs time to cool and thicken, and one less task on baking day keeps the project feeling manageable.
- For clean slices, run your knife under hot water and dry it before every cut. The heat glides through the caramel and frosting without dragging crumbs.
Bake times by pan size (all at 350°F / 175°C; test with a toothpick):
| Pan size | Approximate bake time |
|---|---|
| Two 9-inch rounds | 28 to 32 minutes |
| Three 8-inch rounds | 25 to 28 minutes |
| 9×13-inch sheet | 30 to 35 minutes |
Storing Leftover Cake
- Refrigerate: cover the cake loosely and store in the fridge for up to 5 days. Let slices sit at room temperature for 20 minutes before eating so the frosting softens.
- Freeze: wrap whole undecorated cake layers tightly in plastic wrap and freeze for up to 2 months. Frost and caramel sauce are best made fresh, but you can freeze a fully assembled cake; wrap it well and defrost overnight in the fridge.
- Reheating: this cake is served at room temperature or slightly cool, not warm. If you want a warm caramel drizzle, gently reheat a small portion of extra sauce in a saucepan over low heat and pour it over the sliced cake.
What to Serve with Salted Caramel Chocolate Cake
Strong black coffee cuts through the richness of the chocolate and caramel in a way that makes each bite feel balanced rather than heavy. A scoop of vanilla bean ice cream melts into the salted caramel, adding a cold, creamy contrast. If you want something a little sharper, a dollop of crème fraîche or lightly whipped unsweetened cream works well because the tang lifts the sweetness without competing.
Frequently Asked Questions
Can I use store-bought caramel sauce instead?
Yes, but choose a thick, high-quality salted caramel sauce. Thin or runny sauces will soak into the cake layers and make them soggy, so look for one labeled “thick” or “ice cream topping.”
Why did my caramel turn grainy or crystallize?
Undissolved sugar crystals on the side of the pan likely caused the whole batch to seize. Swirl the pan gently instead of stirring, and you can brush the sides with a wet pastry brush early in the cooking to wash crystals down.
Can I make this cake ahead of time?
Yes. Bake the cake layers the day before, wrap them tightly, and keep them at room temperature. Make the caramel sauce up to 3 days ahead and refrigerate it. Frost and assemble the cake the day you plan to serve it.
Do I have to use coffee in the cake batter?
No, you can substitute hot water. The coffee does not make the cake taste like coffee, it just intensifies the chocolate flavor, but the cake will still be moist and rich with hot water.
How should I cut the cake without making a mess?
Chill the assembled cake for at least 30 minutes before slicing so the frosting and caramel set firm. Use a long, sharp knife run under hot water and dried between each cut for the cleanest slices.
Salted Caramel Chocolate Layer Cake Recipe
Ingredients
Method
- Preheat the oven to 350°F (175°C). Grease two 9-inch round cake pans and line the bottoms with parchment. Whisk flour, cocoa, baking powder, baking soda, and salt. Beat sugars and oil, then add eggs and vanilla. Alternately mix in dry ingredients and buttermilk. Stream in hot coffee and stir until smooth. Divide batter between pans and bake 28 to 32 minutes. Cool 10 minutes in pans, then turn out onto a rack.
- In a saucepan over medium heat, melt the sugar without stirring, swirling occasionally, until deep amber, about 6 to 8 minutes. Off the heat, whisk in butter until melted, then slowly whisk in heavy cream. Stir in flaky sea salt. Cool, then refrigerate until thickened.
- Beat the butter until pale. Sift in powdered sugar and cocoa, beat until combined. Add melted chocolate, cream, vanilla, and salt, then beat until light and spreadable, adding more cream if needed.
- Place one cake layer on a plate. Spread with ½ cup frosting, spoon ⅓ cup caramel in the center, and top with the second layer. Apply a thin crumb coat, chill 20 minutes, then frost the entire cake.
- Drizzle the remaining caramel over the cake, letting it drip down the sides. Sprinkle with extra flaky salt. Let stand at room temperature 20 minutes before slicing.
