Layered Coffee Caramel Cake with Mocha Buttercream

This coffee caramel cake layers tender espresso-kissed sponge with ribbons of homemade caramel and a swoon-worthy mocha buttercream. Every forkful delivers deep coffee sweetness, a nudge of cocoa, and that irresistible sticky caramel pull.

It looks fancy, but the steps are straightforward. You get a showstopper without a full day in the kitchen.

Why This Cake Works

The crumb is soft and moist, carrying bold coffee flavor that stands up to the deep sweetness of the caramel. The buttercream is airy and glossy, with just enough cocoa to round out the espresso without turning it into a chocolate cake.

It’s an all-in-one dessert. No extra sauces or toppings required, because each slice already has that caramel surprise tucked between the layers.

Ingredients

• 1 cup granulated sugar: for the caramel
• 1/4 cup water: helps the sugar dissolve
• 6 tbsp unsalted butter, cut into pieces: room temperature, for caramel
• 1/2 cup heavy cream, warmed: creates a smooth caramel
• 1 tsp flaky sea salt: or 1/2 tsp fine salt, for salted caramel
• 2 cups all-purpose flour: spooned and leveled
• 1 1/2 tsp baking powder
• 1/2 tsp baking soda
• 1/2 tsp fine salt
• 1/2 cup unsalted butter, softened: for the cake
• 1 cup granulated sugar: for the cake
• 2 large eggs, room temperature
• 2 tsp vanilla extract
• 1 tbsp instant espresso powder: dissolved in 2 tbsp hot water
• 3/4 cup buttermilk, room temperature
• 1/2 cup strong brewed coffee, cooled
• 1 cup unsalted butter, softened: for the buttercream
• 3 cups powdered sugar
• 1/4 cup unsweetened cocoa powder
• 1 tbsp instant espresso powder: dissolved in 1 tbsp hot water, then cooled
• 2 tbsp heavy cream or milk

Variations / Substitutions

• Swap the caramel: Use a thick store-bought dulce de leche instead of homemade to save time; warm it slightly so it spreads easily.
• Go darker: Replace the brewed coffee with an equal amount of cooled dark roast cold brew for even more intensity.
• Dairy-free: Use vegan butter sticks, oat milk mixed with a teaspoon of vinegar as buttermilk, and canned full-fat coconut milk in place of heavy cream. The buttercream may be a bit softer.
• Spice it: Add 1/2 teaspoon cinnamon to the dry ingredients for a Mexican coffee vibe.

If you love this combo, try our Espresso Chocolate Chip Cookie recipe next.

How to Make Coffee Caramel Cake

Step 1: Make the Caramel Sauce

In a heavy saucepan over medium heat, stir the 1 cup sugar and 1/4 cup water until the sugar dissolves. Bring to a boil without stirring and let it bubble for 8 to 10 minutes, until the mixture turns a deep amber color.

You’ll know it’s ready when the kitchen smells nutty and the color shifts from pale gold to the shade of dark honey. Swirl the pan gently if you need to check for even color.

Watch closely at the end. Caramel burns fast. Once you remove the pan from the heat, add the 6 tablespoons butter and stir until melted. Pour in the warm cream while whisking, it will bubble up vigorously, so stand back. Stir in the sea salt and set aside to cool completely before using.

Step 2: Mix the Coffee Cake Batter

Preheat the oven to 350°F (175°C) and grease two 8-inch round cake pans, lining the bottoms with parchment. In a bowl, whisk together the 2 cups flour, baking powder, baking soda, and 1/2 teaspoon salt.

In a large mixing bowl, beat the 1/2 cup softened butter and 1 cup sugar until fluffy, about 3 minutes. Beat in the 2 eggs one at a time, then mix in the vanilla and dissolved espresso. Alternate adding the dry ingredients and the 3/4 cup buttermilk, beginning and ending with the dry ingredients. Stir in the 1/2 cup cooled coffee just until combined, the batter will be thin.

Divide the batter evenly between the prepared pans and smooth the tops. If you have a kitchen scale, weigh the pans to get perfectly even layers.

Step 3: Bake the Cake Layers

Bake for 25 to 28 minutes, until a toothpick inserted in the center comes out with a few moist crumbs. Rotate the pans halfway through for even browning.

Let the cakes cool in the pans for 10 minutes, then turn them out onto a wire rack and cool completely. Rushing this step causes the buttercream to melt, so give them at least an hour.

Step 4: Whip the Mocha Buttercream

Beat the 1 cup softened butter on its own for 2 minutes until pale and creamy. Sift in the 3 cups powdered sugar and 1/4 cup cocoa powder, then beat on low until combined. Add the cooled dissolved espresso and 2 tablespoons cream, then increase the speed to medium-high and whip for 3 to 4 minutes.

The buttercream should be light, spreadable, and hold soft peaks. If it looks too thick, add another teaspoon of cream; if too thin, add a bit more powdered sugar. Keep it covered so it doesn’t dry out while you wait.

Step 5: Assemble the Cake Layers

Place one cooled cake layer on a serving plate. Spread half of the cooled caramel sauce over the top, leaving a 1/2-inch border so it doesn’t spill over the sides. Spoon about a cup of mocha buttercream on top and spread it evenly.

Set the second cake layer on top, then cover the entire cake with the remaining buttercream, smoothing the top and sides. Use an offset spatula to create little swoops if you like. Chill the cake for 15 minutes if the buttercream feels soft.

Step 6: Slice and Serve

Warm the reserved caramel sauce slightly and drizzle it over the top of the frosted cake, letting it drip down the sides. Slice with a warm, dry knife and serve right away.

Inside, you’ll see clean coffee-colored layers, a thin ribbon of caramel, and a generous drift of mocha frosting. Serve with strong coffee and watch it disappear.

Tips for the Best Coffee Caramel Cake

• Make the caramel sauce first so it has plenty of time to cool and thicken. It should be pourable but not runny.
• For the deepest coffee taste, use a mix of instant espresso powder and strong brewed coffee, not just one or the other.
• Cold butter straight from the fridge won’t cream properly. Let all butter and eggs sit out for 30 minutes before starting.
• If your cake layers dome while baking, trim the tops with a serrated knife after cooling so the cake stacks flat.

Bake times by pan size:

How to Store Leftover Cake

• Refrigerate: Cover and store in the fridge for up to 4 days. The cold firms the caramel, so slices hold together beautifully. Bring to room temperature before serving for the best texture.

Frequently Asked Questions

Can I use salted caramel sauce from a jar?

Yes. Use a thick, room-temperature caramel and stir in an extra pinch of flaky salt if you like a saltier bite. Skip the homemade caramel step entirely.

My caramel turned grainy. What went wrong?

Sugar crystals likely stuck to the sides of the pan and re-seeded the mixture. Next time, brush the sides down with a wet pastry brush while cooking, and don’t stir once it boils.

Can I freeze this cake?

You can freeze the unfrosted cake layers individually wrapped for up to 2 months. Thaw at room temperature before assembling. The fully assembled cake is best fresh, but slices freeze well in an airtight container for up to a month.

I don’t have instant espresso. What else works?

Dissolving 2 tablespoons of finely ground coffee in the hot water called for in the cake will add some bitterness and flavor, though the cake will have a speckled look. Instant espresso is much smoother, so grab a jar if you can.

Coffee Caramel Cake Recipe

Print Recipe Pin Recipe

Prep Time 45 minutes mins

Cook Time 28 minutes mins

Total Time 1 hour hr 13 minutes mins

Servings: 12 servings

Calories: 520

Ingredients Method Notes

Ingredients

  

• 1 cup granulated sugar
• 1/4 cup water
• 6 tbsp unsalted butter, cut into pieces
• 1/2 cup heavy cream, warmed
• 1 tsp flaky sea salt
• 2 cups all-purpose flour
• 1 1/2 tsp baking powder
• 1/2 tsp baking soda
• 1/2 tsp fine salt
• 1/2 cup unsalted butter, softened
• 1 cup granulated sugar
• 2 large eggs, room temperature
• 2 tsp vanilla extract
• 1 tbsp instant espresso powder, dissolved in 2 tbsp hot water
• 3/4 cup buttermilk, room temperature
• 1/2 cup strong brewed coffee, cooled
• 1 cup unsalted butter, softened
• 3 cups powdered sugar
• 1/4 cup unsweetened cocoa powder
• 1 tbsp instant espresso powder, dissolved in 1 tbsp hot water then cooled
• 2 tbsp heavy cream or milk

Method

 

1. In a saucepan over medium heat, stir sugar and water until dissolved. Boil without stirring for 8 to 10 minutes until deep amber. Remove from heat, stir in 6 tbsp butter, then whisk in warm cream and salt. Cool completely.
2. Preheat oven to 350°F. Grease two 8-inch pans. Whisk flour, baking powder, baking soda, and salt. Beat 1/2 cup butter and 1 cup sugar until fluffy, then beat in eggs, vanilla, and dissolved espresso. Alternate adding dry ingredients and buttermilk, then stir in cooled coffee. Divide batter between pans.
3. Bake 25 to 28 minutes until a toothpick comes out with moist crumbs. Cool in pans 10 minutes, then turn out onto a rack and cool completely.
4. Beat 1 cup butter until creamy. Sift in powdered sugar and cocoa, beat on low, then add dissolved espresso and cream. Whip on medium-high 3 to 4 minutes until light.
5. Place one cake layer on a plate, spread with half the caramel sauce, top with a cup of buttercream. Add second layer, frost the whole cake with remaining buttercream. Chill briefly if soft.
6. Drizzle remaining caramel over the top, slice with a warm knife, and serve.

Notes

For the cleanest slices, chill the assembled cake for 15 minutes before cutting. You can make the caramel sauce up to 3 days ahead and keep it in the fridge; bring it to room temperature or warm gently before using.