Chocolate Caramel Bars

Chocolate Caramel Bars are rich, indulgent treats featuring a smooth layer of creamy caramel and chocolate chips sandwiched between layers of buttery cake mixture. This semi-homemade dessert is the perfect way to satisfy your chocolate and caramel cravings – and it’s sure to be a hit with the whole family!

Side view of some chocolate caramel squares.

Cake Mix Cookie Bars

Today I’m sharing my momma’s recipe via my oldest sister, Lauri. We enjoyed these bars as kids and I nearly forgot about them. During a recent sisters’ gathering here in Texas, we were talking about mom’s recipes and so Lauri shared this one with me. She said her family loves it!

What I remember most about these cookie bars, is that they were rich and gooey. If you’re someone who likes a stiffer bar, go ahead and bake them longer.

Save This Recipe Form

Want to save this recipe?

Enter your email below & we'll send it straight to your inbox. Plus you’ll get more great recipes and tips from us each week!

Why This Recipe Works:

  • SEMI-HOMEMADE – Since we’re using a cake mix in this recipe, it’s super simple and considered semi-homemade. Not a bad thing for when you need a quick dessert – plus it’s delicious!
  • CHOCOLATE + CARAMEL – My two favorite flavors in a bar recipe are chocolate and caramel so this is a win/win. We like to slightly underbake these for a gooey dessert experience!
  • GREAT PARTY DESSERT – These bars make a perfect party dessert and your guests will be shocked that it only has five simple ingredients. Top them with ice cream and you’ll be getting all of the compliments.
Two chocolate bars with a caramel filling stacked on top.

What You’ll Need:

  • German chocolate cake mix
  • evaporated milk
  • unsalted butter
  • caramel – We use Werther’s chewy caramels for this recipe. Kraft caramels work too, or try our Homemade Salted Caramel Sauce.
  • chocolate chips
Labeled ingredients for chocolate caramel bars.

How to make Chocolate Caramel Bars:

Step 1
Prep. Preheat oven to 350 degrees F. Add two slices of parchment paper (I cut to fit) to an 8×8 cake pan.

Step 2
Combine cake mixture. In a mixing bowl, combine the dry cake mix, evaporated milk, and melted butter. Use a spoon to mix well.

Step 3
Add cake layer to pan. Add about 2/3 of the cake mixture to prepared pan, pressing it evenly to all sides of pan. Reserve the remaining cake mix for later.

Step 4
Bake. Bake cake mixture for about 12 minutes. Remove pan from oven.

Step 5
Melt caramel. Meanwhile, in a small saucepan, combine the caramel and evaporated milk over medium-low heat until melted, stirring frequently. Spread mixture over the baked cake mixture, spreading evenly throughout.

Step 6
Add remaining cake mixture and chocolate chips. Then add the remaining 1/3 of the cake mixture by using your fingers to add “dollops” of the cake mixture on top. Finally, sprinkle the chocolate chips on top.

Step 7
Bake again. Place pan back in the oven and bake for another 20-22 minutes or until done to your liking. (We like them slightly gooey.) Add some sea salt on top of the baked bars to finish.

A square pan of the baked chocolate caramel bars.

Step 8
Cool. Let bars sit in pan for about 30 minutes. Then refrigerate bars for another 30 minutes to set up further. Use the parchment paper to lift the caramel bars out of the pan to slice.

Step 9
Serve. Serve chocolate caramel bars with scoops of your favorite ice cream!

Overhead view of the sliced bars.

Ice Cream Recipes

What should we pair with these chocolate caramel bars? Ice cream, of course! Try one of the following homemade ice cream recipes:

Storing and Freezing:

Store leftover bars in an airtight container for 4-5 days.

Freeze leftover caramel bars wrapped tightly in cling wrap and placed in a freezer bag for up to three months.

Recipe FAQs:

What kind of cake mix should I use?

A German chocolate cake mix or devil’s food cake mix works best for rich chocolate flavor, but any chocolate cake mix will do.

What kind of caramel should I use?

Use soft caramel candies melted with a bit of heavy cream or evaporated milk, or use store-bought caramel sauce for convenience.

What variations can I use?

You could try using a different type of chip like dark chocolate chips, milk chocolate chips, or even white chocolate chips.

Side view of the bars with some laying up showing the gooey centers.

Kitchen Tools Used: (affiliate links)

xoxo ~Sue

Side view of some sliced caramel chocolate bars.

Chocolate Caramel Bars

Chocolate Caramel Bars are rich, indulgent treats featuring a smooth layer of creamy caramel and chocolate chips sandwiched between layers of buttery cake mixture. This semi-homemade dessert is the perfect way to satisfy your chocolate and caramel cravings—and it’s sure to be a hit with the whole family!
5 from 1 vote
Print Pin Rate
Course: brownies, Dessert
Cuisine: American
Prep Time: 15 minutes
Cook Time: 30 minutes
Total Time: 45 minutes
Servings: 16 servings
Calories: 303kcal
Author: Sue Ringsdorf

Ingredients

For the cake layer:

  • 1 box German Chocolate Cake Mix
  • 1/3 cup evaporated milk
  • 3/4 cup unsalted butter – melted

For the topping:

  • 10 oz. caramel – we use Werther's chewy caramels (or Kraft)
  • 1/4 cup evaporated milk
  • 3 oz. semi-sweet chocolate chips

Instructions

  • Prep. Preheat oven to 350 degrees F. Add two slices of parchment paper (I cut to fit) to an 8×8 cake pan.
  • Combine cake mixture. In a mixing bowl, combine the dry cake mix, evaporated milk, and melted butter. Use a spoon to mix well.
    1 box German Chocolate Cake Mix, 1/3 cup evaporated milk, 3/4 cup unsalted butter
  • Add cake layer to pan. Add about 2/3 of the cake mixture to prepared pan, pressing it evenly to all sides of pan. Reserve the remaining cake mix for later.
  • Bake. Bake cake mixture for about 12 minutes.
  • Melt caramel. Meanwhile, in a small saucepan, combine the caramel and evaporated milk over medium-low heat until melted, stirring frequently. Spread mixture over the baked cake mixture, spreading evenly throughout.
    10 oz. caramel, 1/4 cup evaporated milk
  • Add remaining cake mixture and chocolate chips. Then add the remaining 1/3 of the cake mixture by using your fingers to add “dollops” of it on top of the caramel. Finally, sprinkle the chocolate chips on top.
    3 oz. semi-sweet chocolate chips
  • Bake again. Place pan back in the oven and bake for another 20-22 minutes or until done to your liking. (We like them slightly gooey.) Add some sea salt on top of the baked bars to finish.
  • Cool. Let bars sit in pan for about 30 minutes. Then refrigerate bars for another 30 minutes to set up further. (Or just dig in if you don't care about evenly sliced bars!) Use the parchment paper to lift the caramel bars out of the pan to slice.
  • Serve. Serve chocolate caramel bars with scoops of your favorite ice cream!

Notes

  • Store leftover bars in an airtight container for 4-5 days.
  • Freeze leftover caramel bars wrapped tightly in cling wrap and placed in a freezer bag for up to three months.

Nutrition

Calories: 303kcal | Carbohydrates: 37g | Protein: 3g | Fat: 17g | Saturated Fat: 8g | Polyunsaturated Fat: 2g | Monounsaturated Fat: 5g | Trans Fat: 0.4g | Cholesterol: 27mg | Sodium: 278mg | Potassium: 188mg | Fiber: 1g | Sugar: 25g | Vitamin A: 299IU | Vitamin C: 0.2mg | Calcium: 95mg | Iron: 2mg
Tried this recipe?Mention @Suebeehomemaker or tag #suebeehomemaker!

2 Comments

  1. Norma Jean knew how to make delicious chocolate treats! These are out of this world!

    1. Suebee Homemaker says:

      These are simple to make!

5 from 1 vote

Leave a Reply

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

Recipe Rating