These sugar-free chocolate caramel cake bars are built in three layers: a fudgy cocoa cake, a soft caramel center, and a thick dark chocolate fudge topping. The caramel stays molten in the middle while the cake bakes around it, so every square pulls apart with a gooey center and a fudgy top.
The whole recipe bakes in a single parchment-lined 6×6-inch metal pan and cuts into nine bars. Start to finish it takes about 72 minutes, including prep, baking, and a short rest before the topping goes on.
Why You’ll Love These Gooey Chocolate Caramel Bars
- Three real layers, not one: a cocoa cake base, a gooey caramel middle, and a soft fudge cap across the top.
- The caramel stays where you put it: it is spooned into the center of the base batter and covered, so it bakes into a distinct middle layer instead of sinking through.
- Nine bars from a small pan: a 6×6-inch pan gives you nine generous squares without committing to a full-size batch.
- About 3g net carbs and 9g protein per bar: almond flour, whey isolate, and Greek yogurt do the structural work, so there is no cream cheese in the bake. To check an ingredient yourself, look up its numbers in USDA FoodData Central.
- Forgiving to make ahead: the bars keep covered in the refrigerator and only need a brief rewarm before serving.
If you would rather skip the oven entirely, the frozen caramel cheesecake bars use a similar allulose caramel over a spiced cookie-butter-style crust. For a baked chocolate bar with a lighter middle, the sugar-free chocolate mousse brownies layer a dense brownie base with chocolate mousse and a smooth ganache.
Ingredient Notes
For the chocolate cake
Almond flour, whey isolate, and oat fiber form the structure of the cake. Use finely ground almond flour for a tender crumb, and check the whey isolate label and pick one without added sugar or flavoring. Oat fiber is not the same as oat flour, and the two should not be swapped here.
Plain 0% Greek yogurt supplies the moisture that keeps the cake tender instead of crumbly. Keep it plain and unsweetened; a flavored yogurt will change the balance of the batter.
Granulated allulose does the sweetening in this recipe, and it appears twice: once in the cake and once cooked down into the caramel. Measure it carefully both times.
The egg and egg whites bring structure to a batter with no wheat flour. One large egg plus two large egg whites comes to roughly 115g, which is what gives this cake its lift.
For the gooey caramel center
Granulated allulose melts into a pale amber caramel. Watch it closely, because taking it past amber gives the center a bitter edge.
Warm the fat-free evaporated milk first. It goes in off the heat, and the mixture bubbles sharply when it hits the hot caramel. Warm it ahead so the caramel stays controllable.
Xanthan gum is what turns the caramel from a syrup into something that holds its shape through the bake. Add the scant ¹⁄₁₆ teaspoon gradually, a pinch at a time, while whisking. Dumping it in all at once will leave small rubbery strands in the finished center.
If you want to understand why allulose behaves differently from sugar in a caramel, my guide to sugar-free sweeteners for baking covers caramel-style sauces and how browning responds to each sweetener.
For the soft fudge topping
Room temperature Greek yogurt is the important detail here. Cold yogurt hitting melted chocolate can seize it into a grainy paste, so set the yogurt out while the cake bakes.
Stir the yogurt into the chocolate, not the other way around. Add it gradually and the topping comes together smooth. A tablespoon of unsweetened cocoa powder deepens the chocolate flavor without making the cap any heavier.
How to Make Sugar-Free Chocolate Caramel Cake Bars
1. Prep the pan and oven
Heat the oven to 325°F and line a 6×6-inch metal baking pan with parchment.
2. Mix the chocolate cake batter
Combine the almond flour, whey isolate, cocoa powder, oat fiber, baking powder, and a pinch of fine salt. In a separate bowl, whisk the large egg, the two egg whites, the Greek yogurt, the granulated allulose, and the melted butter until smooth. Fold in the dry ingredients just until no dry streaks remain.
3. Cook the caramel center
Melt the 3 tablespoons of granulated allulose in a small saucepan over medium-low heat until it reaches a pale amber color. Take the pan off the heat and whisk in the warm fat-free evaporated milk, the unsalted butter, and a pinch of salt; the mixture will bubble. Whisk in the xanthan gum gradually, then let the caramel cool for 10 minutes.
The cooling is not optional. Caramel layered while it is still hot melts straight through the batter, and that is the usual reason the center spreads to the edges. For the same technique on a dessert where the caramel goes all the way across the top, the sugar-free Texas trash pie uses caramelized allulose for its filling.
4. Layer the bars
Spread about 60% of the batter into the pan. Spoon the cooled caramel into the center, leaving a ½-inch border all the way around. Cover it gently with the remaining batter.
5. Bake and rest
Bake at 325°F for 27–32 minutes, until the edges are set and a tester gives moist crumbs. Rest 15–20 minutes before finishing.
6. Make the topping and cut the bars
Melt the sugar-free dark chocolate and let it cool slightly. Stir the cocoa powder into the room temperature Greek yogurt, then gradually stir that mixture into the melted chocolate. Spread the topping over the warm cake with broad, irregular marks, then cut into 9 bars.
Success Tips
- Cool the caramel before layering so it stays centered instead of sinking into the base batter.
- Keep the caramel away from the pan edges. That ½-inch border of batter is what seals the center in.
- Do not test doneness through the caramel layer. The skewer breaks the set surface holding the center in place. Test near the edge of the pan instead.
- Serve slightly warm for the gooey center, which is the whole point of these bars.
- Keep an eye on the allulose as it melts. Pale amber is the target, and it goes from right to bitter quickly.
Storage
Store the sugar-free chocolate caramel cake bars covered in the refrigerator. The caramel center firms up as it chills, so rewarm a bar briefly before serving and the center turns gooey again. Letting the whole batch sit out and then returning it to the refrigerator repeatedly is what dries the cake out.
Frequently Asked Questions
Can I use a larger baking pan?
You can, but the same batter and the same caramel will spread across more surface, so these sugar-free chocolate caramel cake bars will come out shorter and the center layer thinner. The 27–32 minute bake and the ½-inch border are both written for a 6×6-inch pan. If you want to keep the proportions, bake in batches instead of scaling up.
How do I keep the caramel from spreading to the edges?
Cool it for the full 10 minutes, spoon it into the center only, and leave the ½-inch border of batter clear all the way around. Caramel that reaches the pan wall bakes against the side and leaks out the moment you cut.
Why does my caramel center run when I cut the bars?
Two things cause it. Layering the caramel while it is still hot lets it melt through the batter, and testing doneness with a skewer through the caramel breaks the set surface that holds it in. Cool the caramel first, keep it away from the edges, and test the cake near the pan wall.
Can I skip the fudge topping?
Yes. The sugar-free chocolate caramel cake bars are complete without it, because the chocolate cake and the caramel center stand on their own. Skipping the topping simply leaves a bare chocolate surface instead of the fudge cap. One thing to know: the nutrition figures for this recipe include the topping, so a bar made without it will come in under those numbers.
Can I make these bars ahead of time?
That is one of the easier recipes on this site to make ahead. Bake, top, and cut as written, then store the bars covered in the refrigerator. Rewarm briefly right before serving so the caramel center is gooey rather than firm.
The caramel center is the whole point of these sugar-free chocolate caramel cake bars, so serve them slightly warm. If you want the same payoff without baking at all, the gooey skillet chocolate chip cookie takes about half the time.
Sugar-Free Chocolate Caramel Cake Bars Recipe
Sugar-Free Chocolate Caramel Cake Bars
Ingredients
Equipment
Method
- Heat oven to 325°F. Line a 6×6-inch metal baking pan with parchment.
- Mix almond flour, whey, cocoa, oat fiber, baking powder, and salt.
- Whisk egg, whites, yogurt, allulose, and butter. Fold in dry ingredients.
- Melt caramel allulose to pale amber. Whisk in warm milk, butter, and salt; add xanthan gradually. Cool 10 min.
- Spread 60% of batter in pan. Spoon caramel over center, leaving a ½-inch border. Cover gently with remaining batter.
- Bake 27–32 min until edges set and cake gives moist crumbs. Rest 15–20 min.
- Melt chocolate and cool slightly. Mix yogurt with cocoa, then gradually stir into chocolate.
- Spread topping over warm cake with broad irregular marks. Cut into 9 bars.
Notes
- Cool caramel before layering so it stays centered.
- Keep caramel away from pan edges.
- Do not test doneness through the caramel layer.
- Serve slightly warm for the gooey center.