Salted Caramel Chocolate Cake (Caramel Chocolate Frosting)
This is a classic, dramatic layer cake that’s equal parts chocolate and salted caramel. It’s rich but balanced: a tender, deeply chocolate crumb layered with buttery caramel and a silky chocolate-caramel frosting. The result is bakery-caliber without requiring temperamental techniques.
I keep the method straightforward so you can focus on timing and simple tricks—lined pans, hot water for a thin batter that yields a moist crumb, and a chilled set before finishing the frosting. Read through once before starting; the cake bakes on a schedule and the frosting benefits from very soft butter and a bit of chilling.
This recipe makes three 9-inch cake layers with a caramel-forward frosting and a glossy salted finish. Follow the stepwise instructions and tips below for reliable results, plus swaps and storage guidance so you can adapt it for different occasions or diets.
Ingredients at a Glance

Salted Caramel Chocolate Cake (Caramel Chocolate Frosting) Made Stepwise
1. Preheat and prepare pans. Preheat oven to 350°F. Cut three 9-inch circles of parchment to fit the bottoms of your pans. Spray the sides and bottoms of each pan generously with nonstick spray, place the parchment circles in the bottoms, and spray the paper as well. Make sure all pan surfaces and the parchment are well-coated so the cakes release cleanly.
2. Combine dry ingredients. In the bowl of a stand mixer fitted with the paddle attachment, or in a large bowl with a handheld mixer, add 2 cups granulated sugar, 1 cup packed light brown sugar, 2 3/4 cups all-purpose flour, 1 1/2 cups sifted unsweetened cocoa powder, 3 teaspoons baking soda, 1 1/2 teaspoons baking powder, and 1 1/4 teaspoons salt. Mix on low until everything is evenly combined. Break up any clumps of cocoa or sugar with your hands if needed.
3. Combine wet ingredients. In a separate bowl whisk together 3 large eggs plus 2 large egg yolks, 1 1/2 cups full-fat sour cream, 1/3 cup whole milk, 3/4 cup vegetable oil, and 2 tablespoons vanilla extract until smooth and homogenous.
4. Bring batter together. Pour the wet mixture into the dry ingredients and mix on low speed just until incorporated—do not overmix. With the mixer running on low, pour in 1 1/2 cups hot water. Continue mixing for about 1 minute until the batter is completely combined. Expect a fairly thin batter; that’s normal and produces a moist cake.
5. Bake the layers. Divide the batter evenly between the three prepared pans. Bake in the preheated 350°F oven for about 30 minutes. Test by inserting a wooden toothpick or cake tester in the center; it should come out clean or with only a few moist crumbs attached.
6. Cool the layers. Allow the cakes to cool in their pans for 10 minutes. Run a thin knife around the edges, invert to remove each cake, peel off the parchment, and transfer to a wire rack to cool completely before frosting.
7. Prepare the frosting base. In a stand mixer fitted with the paddle attachment, beat 2 cups very soft unsalted butter on medium speed until completely smooth, about 3 minutes.
8. Add the dry frosting ingredients. Turn the mixer off and sift 4 1/2 cups confectioners’ sugar and 3/4 cup sifted unsweetened cocoa powder into the bowl. Start the mixer on the lowest speed and mix until the sugar and cocoa are absorbed by the butter, about 2 minutes.
9. Finish the frosting. Increase the mixer speed to medium and add 1 teaspoon vanilla extract, 1/2 teaspoon salt, 3 tablespoons heavy cream, and 2 tablespoons salted caramel sauce. Beat for 3 minutes until the frosting is smooth and spreadable. If the frosting seems too thin, add small amounts of additional confectioners’ sugar. If it’s too thick, add extra heavy cream, 1 tablespoon at a time, until you reach the desired consistency.
10. Level the cake layers. Using a serrated knife, carefully trim the domed tops from each cooled cake to create even, level layers.
11. Build the cake. Place one layer on a cake stand or large plate. Spread a thin layer of frosting over the top, then spoon and spread 1/2 cup salted caramel sauce over the frosting. Add the second cake layer, repeat the thin frosting layer and another 1/2 cup of caramel. Place the final cake layer on top.
12. Chill briefly, then finish. Refrigerate the assembled, unfrosted sides-of-cake for 1 hour to help the caramel set and to make final frosting easier. After chilling, finish frosting the top and sides with the remaining frosting until smooth.
13. Finish and serve. Sprinkle flaky sea salt over the top to taste. Slice and serve, or keep refrigerated for up to 5 days.
What Makes This Recipe Special
This cake balances intense cocoa and buttery caramel without becoming cloying. The hot water in the batter helps bloom the cocoa, giving deep chocolate flavor while keeping the crumb moist and tender. Using both granulated and brown sugar adds complexity—granulated for structure and brown sugar for that toffee-like note. The frosting is essentially a chocolate buttercream cut with real salted caramel, so each bite hits both chocolate and caramel in a single forkful. Finally, the chill step before final frosting prevents the caramel between layers from oozing and helps you get clean sides.
Smart Substitutions

Recommended Tools

Errors to Dodge
Fresh Takes Through the Year
Winter
Swap hot water for hot espresso and dust the final cake with cocoa powder for a mocha twist. Add a few toasted hazelnuts between layers for crunch.
Spring
Layer thinly sliced strawberries or raspberry compote between cake layers in place of half the caramel to brighten the flavor.
Summer
Use salted caramel ice cream alongside slices for a cool pairing, or serve mini versions as cupcakes with a caramel center.
Fall
Stir 1/2 teaspoon ground cinnamon into the cake batter and a pinch of nutmeg into the frosting for warm spice notes that pair with caramel.
Flavor Logic
Chocolate brings bitterness and depth; caramel supplies fat, butteriness, and sweet-toffee notes. Salt lifts both and sharpens the flavors. Sour cream contributes tang and moisture while oil keeps the crumb soft for days. The hot water blooms cocoa, ensuring the chocolate taste is forward even with a rich caramel presence. Structurally, the combination of baking soda and baking powder provides lift and tenderness without a coarse crumb.
Shelf Life & Storage
Store the finished cake covered and refrigerated for up to 5 days. If you want to keep it longer, freeze individual slices wrapped tightly in plastic and then foil for up to 2 months; thaw overnight in the fridge. Before serving, bring slices to room temperature for the best texture and flavor. If storing in a warm environment, keep the cake chilled so the caramel and frosting hold their shape.
Frequently Asked Questions
Q: Can I make this as a two-layer cake instead of three?
A: Yes. Use two 9-inch pans, divide the batter evenly, and adjust bake time—start checking at 25 minutes.
Q: My frosting is grainy—what happened?
A: Likely the butter was too cold or your confectioners’ sugar wasn’t sifted. Beat the frosting longer at medium speed, and sift the sugar/cocoa before adding.
Q: Can I use salted butter instead of unsalted?
A: Yes—omit or reduce the 1/2 teaspoon salt in the frosting if you do.
Q: How do I keep the caramel from sliding out of the layers?
A: Trim and level layers, apply a thin crumb coat of frosting first, then add caramel. Chill the cake for 1 hour before finishing the outer frosting.
Bring It Home
This Salted Caramel Chocolate Cake is built from straightforward pantry ingredients and a few careful steps. Take your time with pan prep, keep the butter very soft for the frosting, and chill briefly before final assembly to keep layers neat. The payoff is a dramatic, crowd-pleasing cake—deep chocolate, glossy caramel, and that final sprinkle of flaky sea salt. It’s a great showstopper for birthdays, dinner parties, or whenever you want a dessert that looks like it took hours but behaves like a home cook’s delight.

Salted Caramel Chocolate Cake (Caramel Chocolate Frosting)
Ingredients
- 2 cups granulated sugar
- 1 cup light brown sugar packed
- 2 3/4 cups all-purpose flour (not packed)
- 1 1/2 cups unsweetened cocoa powder sifted
- 3 teaspoons baking soda
- 1 1/2 teaspoons baking powder
- 1 1/4 teaspoons salt
- 3 large eggs plus 2 large egg yolks, at room temperature
- 1 1/2 cups full-fat sour cream
- 1/3 cup whole milk
- 3/4 cup vegetable oil or melted coconut oil
- 2 tablespoons vanilla extract
- 1 1/2 cups hot water
- 2 cups unsalted butter (4 sticks, 16 ounces), very soft
- 4 1/2 cups confectioners' sugar sifted
- 3/4 cup unsweetened cocoa powder sifted
- 1 teaspoon vanilla extract
- 1/2 teaspoon salt
- 3 tablespoons heavy cream (more if needed)
- 2 tablespoons salted caramel sauce for mixing into frosting
- 1 1/4 cups salted caramel sauce for layering between cake layers (total used divided among layers)
- flaky sea salt for sprinkling
Instructions
- Preheat the oven to 350°F (177°C). Line three 9-inch round cake pans with parchment and spray the pans and parchment with nonstick spray.
- In a large bowl or the stand mixer bowl fitted with the paddle, combine granulated sugar, brown sugar, flour, cocoa powder, baking soda, baking powder, and 1 1/4 teaspoons salt; mix on low until evenly combined and break up any clumps.
- In a separate bowl whisk together the 3 large eggs, 2 egg yolks, sour cream, milk, vegetable oil, and 2 tablespoons vanilla until smooth.
- Pour the wet ingredients into the dry ingredients and beat on low until just incorporated. Pour in the hot water and mix on low-medium until fully combined; the batter will be thin.
- Divide the batter evenly among the prepared pans and bake for about 30 minutes, or until a toothpick inserted in the center comes out clean or with a few moist crumbs.
- Cool the cakes in their pans for 10 minutes, then invert onto a rack to cool completely before frosting.
- To make the frosting, beat the very soft unsalted butter in a stand mixer fitted with the paddle on medium speed until smooth, about 3 minutes.
- Turn the mixer off and sift in the confectioners' sugar and 3/4 cup cocoa powder. Mix on the lowest speed until the sugar and cocoa are incorporated, about 2 minutes, then increase to medium.
- Add 1 teaspoon vanilla, 1/2 teaspoon salt, 3 tablespoons heavy cream, and 2 tablespoons salted caramel sauce; beat on medium for 3 minutes. Adjust thickness by adding more confectioners' sugar to thicken or 1 tablespoon additional cream at a time to thin.
- Level the tops of the cakes with a serrated knife. Place one layer on a cake stand, spread a thin layer of frosting, then spoon 1/2 cup of the salted caramel sauce over the frosting.
- Top with the second layer, repeat the thin frosting and 1/2 cup caramel, then place the final layer on top. Chill the assembled cake in the refrigerator for 1 hour to set.
- Once set, finish frosting the top and sides of the cake with the remaining frosting, sprinkle with flaky sea salt, slice, and serve.
Equipment
- Three 9-inch round cake pans
- Parchment Paper
- Nonstick cooking spray
- Stand mixer with paddle attachment or hand mixer
- Mixing bowls
- Sifter
- spatula or spoon
- Serrated knife
Notes
- Cake may be baked up to 5 days ahead and stored in the fridge.
- Unfrosted cakes can be wrapped and frozen for up to 2 months.
- Use very soft butter for the creamiest frosting.
- Adjust frosting thickness with more powdered sugar or cream as needed.
- Chill the assembled cake before final frosting to make spreading easier.
