These Brownies with Salted Caramel Frosting are fudgy and intensely chocolatey, finished with a thick, creamy caramel frosting. Rather than a traditional buttercream of butter and powdered sugar, the frosting here relies on Greek yogurt and caramel sauce for a lighter, protein-rich layer that still tastes indulgent and cuts back on refined sugar in the topping.
The brownies use coconut sugar, which lends a natural caramel note that reinforces the salted caramel theme throughout the bar. This recipe is genuinely gluten free (not an afterthought) and comes together in one bowl and one pan for easy cleanup.
What Makes This Salted Caramel Frosting Different?
Most salted caramel frostings are built from butter, powdered sugar, and caramel sauce. This version removes both butter and powdered sugar and instead uses thick Greek yogurt as the base with caramel sauce as the sweetener.
The result is rich and creamy with a clear caramel-forward flavor and less cloying sweetness than a traditional buttercream. It delivers more protein and less refined sugar while still feeling indulgent.
Ingredients
Brownies
½ cup melted unsalted butter
1 cup dark chocolate chips
2 eggs
1 cup coconut sugar, or granulated sugar
2 tbsp dark cocoa powder
1 tsp vanilla extract
¼ cup gluten free flour
½ cup dark chocolate chips (to fold in)
Salted caramel frosting
¼ cup caramel sauce
1 ½ cups thick Greek yogurt
½ tsp flaky sea salt, for garnish
What Each Ingredient Does
Melted butter and dark chocolate chips
Melting butter with dark chocolate chips creates a glossy base that yields fudgy brownies. The combined fat and cocoa solids form a dense, truffle-like crumb—use high-quality dark chips for the smoothest melt and best flavor.
Eggs and coconut sugar
Whisking eggs with coconut sugar for 2 to 3 minutes builds structure and produces a thin, crackly top crust. Coconut sugar contributes caramel and molasses undertones that complement the frosting; white or light brown sugar can be used 1:1 as a substitute.
Gluten free flour and dark cocoa powder
A small amount of gluten free flour keeps the rich batter cohesive without making the brownies cakey. A 1:1 baking blend works well; all-purpose flour may be used as a direct swap. Cornstarch can replace flour entirely for a slightly denser, flour-free bar. Dark cocoa powder deepens the chocolate profile.
Greek yogurt and caramel sauce
Thick Greek yogurt creates a creamy, tangy frosting base with added protein; caramel sauce provides sweetness and authentic caramel flavor. Use a strained, full-fat variety (for example Fage Total or a similar brand) so the frosting holds its shape—thin or low-fat yogurt may produce a runnier topping.
Store-bought vs homemade caramel sauce
A high-quality store-bought caramel sauce works very well here because the yogurt determines the frosting’s texture while the sauce supplies flavor. If you prefer, make a quick caramel of butter, brown sugar, and cream for a slightly richer, more nuanced sauce.
How to make Brownies with Salted Caramel Frosting, Step by Step
Preheat the oven to 350°F (175°C). Line an 8-inch square pan with parchment paper.
Place the melted butter and 1 cup dark chocolate chips in a bowl and stir until smooth and fully melted. If needed, heat briefly in 10–15 second intervals. Set aside to cool slightly.
In a separate mixing bowl, combine the eggs and sugar and whisk vigorously for 2 to 3 minutes until light and frothy.
Stir the melted chocolate mixture into the egg and sugar mixture until combined.
Add the dark cocoa powder, vanilla, gluten free flour (or substitute), and stir to combine. Fold in the remaining ½ cup chocolate chips if desired.
Pour the batter into the lined pan and smooth into an even layer.
Bake 24 to 27 minutes, or until a toothpick inserted in the center comes out with a few moist crumbs. Avoid overbaking—the fudgy texture sets as the brownies cool.
Allow the brownies to cool completely before frosting. For the frosting, beat together the caramel sauce and Greek yogurt until thick and creamy.
Spread the frosting over the cooled brownies, slice, and finish with a sprinkle of flaky sea salt just before serving.
Why Sea Salt Makes the Whole Recipe Work
Salt suppresses bitterness and smooths the chocolate base while also amplifying caramel flavor compounds on the palate. A pinch of flaky sea salt acts as more than a garnish: it intensifies the caramel notes and balances sweetness, giving each bite a more pronounced, satisfying flavor.
Tips for the Best Results
Use thick Greek yogurt
Choose a full-fat, strained Greek yogurt to prevent a runny frosting. If the frosting seems too thin, refrigerate it for 15 minutes to firm up before spreading.
Do not overbake
Remove the brownies from the oven when the center still has a slight give and a toothpick shows a few moist crumbs. They will firm as they cool.
Cool completely before frosting
Frosting warm brownies will cause the yogurt base to soften and slide; wait until they reach room temperature, then refrigerate briefly after frosting for clean slices.
Add sea salt just before serving
Flaky sea salt can dissolve over time on moist frosting, so sprinkle it on right before serving to preserve texture and contrast.
Substitutions
| Original | Substitute | Notes |
|---|---|---|
| Gluten free flour | All-purpose flour (1:1) | Direct swap, same result |
| Gluten free flour | Cornstarch (same amount) | Flour-free option, slightly denser |
| Coconut sugar | Light brown or white sugar (1:1) | Same amount, less caramel undertone |
| Dark chocolate chips | Semi-sweet chocolate chips | Slightly sweeter result |
| Greek yogurt (frosting) | Thick dairy-free coconut yogurt | Makes frosting dairy free |
| Store-bought caramel sauce | Homemade caramel sauce | Richer, more complex flavor |
Storage
Refrigerator: Store the finished brownies in an airtight container for up to 3 days. Because the frosting contains Greek yogurt, refrigeration is required.
Freezer: Freeze the unfrosted brownie base for up to 2 months. Thaw overnight in the refrigerator and prepare the frosting fresh before serving.
Frequently Asked Questions
Yes. White granulated sugar or light brown sugar works in a 1:1 ratio. The caramel undertone from coconut sugar will be less pronounced, but the brownies will still be delicious.
Thin or low-fat Greek yogurt is the most common cause. Use a full-fat strained variety and chill the frosting for 15 minutes if needed.
Yes. Substitute a thick, dairy-free coconut yogurt in the same amount. It may need a longer chill but spreads well once firmed.
Yes. A high-quality jarred caramel yields excellent flavor here because the Greek yogurt provides texture while the caramel delivers the caramel note. Choose a sauce with a simple ingredient list for the best taste.
You May Also Like
- Sugar Cookie Bars
- Cosmic Brownies
- Chocolate Cinnamon Rolls
- Cookie Dough Cake
- Brownies with Peanut Butter Frosting
If you make this Brownies with Salted Caramel Frosting recipe, please consider leaving a review. I’d love to see your results and feedback.
Get the Recipe:
Brownies with Salted Caramel Frosting
Brownies
- ½ cup melted unsalted butter
- 1 cup dark chocolate chips
- 2 eggs
- 1 cup coconut sugar
- 2 tbsp dark cocoa powder
- 1 tsp vanilla extract
- ¼ cup gluten free flour
- ½ cup dark chocolate chips (to fold in)
Salted Caramel Frosting
- ¼ cup caramel sauce
- 1 ½ cups Greek yogurt
- ½ tsp sea salt, for garnish
Instructions
-
Preheat oven to 350°F. Line an 8-inch square pan with parchment.
-
Stir melted butter and 1 cup dark chocolate chips until fully melted and smooth. Heat briefly if needed.
-
Whisk eggs and sugar for 2–3 minutes until light and frothy.
-
Combine the melted chocolate with the egg mixture and stir to combine.
-
Add cocoa powder, vanilla, flour, and stir. Fold in the extra chocolate chips if using.
-
Pour batter into the pan, smooth, and bake 24–27 minutes until a toothpick shows a few moist crumbs.
-
Cool completely. Beat caramel sauce and Greek yogurt until thick, spread over brownies, and sprinkle with flaky sea salt just before serving.
Notes
- If you are not gluten free, all-purpose flour works in the same amount.
- Microwave the chocolate and butter only in short bursts (10–15 seconds) to avoid seizing.
- Regular cocoa powder may be used if dark cocoa is unavailable.
- Cornstarch can replace flour for a flour-free option; expect a slightly denser texture.
- Do not overbake: brownies are done when a toothpick comes out with a few moist crumbs.
- Allow brownies to cool completely before applying the yogurt-based frosting.
- Use either store-bought or homemade caramel sauce.
- Store leftovers in the fridge for up to 3 days.