Salted Caramel Coconut Brownies

Moist, chewy coconut brownies topped with a silky salted caramel coconut glaze and a dark chocolate drizzle — an indulgent twist on a classic.

These Salted Caramel Coconut Brownies have been a dessert I turn to whenever I want something that feels both nostalgic and a little decadent. I first made this combination one rainy weekend when I had a jar of coconut milk on the counter and a craving for rich chocolate. The marriage of toasted coconut notes with a buttery salted caramel glaze transforms ordinary brownies into something that tastes like a bakery treat, but easier to make at home. The texture is intentionally moist and chewy with a tender crumb from the coconut milk, while the top gets that glossy ribbon of caramel that contrasts beautifully with a dark chocolate drizzle.
I remember bringing a pan of these to a family potluck and watching them disappear faster than anything else on the table — even the pie. The coconut extract gives a subtle, tropical lift without overwhelming the chocolate, and the sea salt on top sharpens the sweetness so each bite feels balanced. These squares are generous and rich, and the recipe yields 24 bars, which makes them perfect for gatherings, bake sales, or packing into boxes for friends. If you love a dessert that pairs a chewy interior with a glossy, slightly sticky topping and a crisp chocolate finish, this version will quickly become one of your favorites.
Why You'll Love This Recipe
- Makes 24 generous bars — ideal for parties, potlucks, or slicing into individual servings for gifting; the recipe stretches to feed a crowd without complicated steps.
- Ready in about 40 minutes from start to finish (10 minutes active prep + 30 minutes bake), so it’s fast enough for a weekend treat yet impressive enough for company.
- Uses accessible pantry staples — butter, sugar, flour, cocoa, and chocolate chips — with coconut milk and extract adding a special twist that’s easy to source.
- Make-ahead friendly: brownies keep well refrigerated for several days and freeze beautifully for up to three months, making them a great planning option.
- Textural contrast: moist, chewy base, silky salted caramel layer, and snap of chocolate drizzle create a multi-dimensional bite that pleases picky and adventurous eaters alike.
- Customizable: finish with flaky sea salt to taste or omit for a less assertive sweetness; both versions are crowd-pleasers.
I watched my kids' faces light up the first time they tried these — the caramel made them giggle and the coconut added a playful chew. Over time I’ve adjusted the salt level and learned to let the frosting cool just enough to spread without soaking the surface, which preserves a pretty top and keeps slicing neat.
Ingredients
- Butter: Use unsalted butter for better control of the final salt level; I use high-quality stick butter (Land O'Lakes or Kerrygold) for consistent flavor and mouthfeel.
- Semi-sweet chocolate chips: Chocolate provides the base flavor; choose a brand with good cocoa flavor such as Ghirardelli or Nestlé Toll House for dependable melting and balanced sweetness.
- Coconut milk: Full-fat canned coconut milk adds moisture and a slight coconut richness. Shake the can and measure a full cup to ensure the batter stays tender rather than cakey.
- All-purpose flour, cocoa powder, baking powder, and salt: These form the structure. I recommend sifting cocoa to avoid lumps; natural unsweetened cocoa lends a deep chocolate note.
- Eggs and extracts: Two large eggs bind and enrich the batter; coconut extract and vanilla extract layer the aroma. Don’t skip the coconut extract — it’s a subtle but defining element.
- Brown sugar and powdered sugar (for frosting): Brown sugar in the caramel gives that toffee-like depth while powdered sugar helps stabilize the frosting for spreading.
- Sea salt: Flaky sea salt is ideal for finishing — it adds crunch and that bright contrast to the caramel’s sweetness.
Instructions
Prepare the pan: Preheat the oven to 350 degrees F. Line a 9x13-inch baking dish with heavy-duty aluminum foil, letting the foil hang over the edges for easy lifting later. Spray the foil liberally with nonstick cooking spray so brownies release cleanly. This setup makes removing and slicing straightforward. Melt butter and sugar, add chocolate: In a small saucepan over low heat, melt 1/2 cup butter. Stir in 2 cups granulated sugar and cook over low heat for about 1 minute, stirring constantly to blend and slightly dissolve the sugar. Remove from heat immediately and stir in 2 cups semi-sweet chocolate chips until melted and glossy — the mixture will be thick. Work quickly to avoid seizing. Combine wet ingredients: Transfer the warm butter–chocolate mixture to a stand mixer bowl or a large mixing bowl. Add 1 cup canned coconut milk, 2 large eggs, 2 teaspoons coconut extract, and 1 teaspoon vanilla extract. Beat briefly until fully combined and slightly aerated; this helps the texture become chewy rather than dense. Whisk dry ingredients: In a separate bowl, whisk together 1 3/4 cups all-purpose flour, 1 1/4 cups unsweetened cocoa powder, 1 teaspoon salt, and 1 teaspoon baking powder until uniform. Sift if the cocoa seems lumpy. Slowly add the dry mix to the wet mixture while mixing on low until just combined — do not overmix, which can toughen the crumb. Bake: Pour the batter into the prepared 9x13 pan and smooth the top with a spatula. Bake in the preheated 350 degrees F oven for 30 to 40 minutes. Start checking at 30 minutes with a toothpick inserted near the center — it should come out with a few moist crumbs but not wet batter. Allow to cool completely in the pan on a wire rack before frosting. Make the salted caramel frosting: In a small saucepan over medium heat, melt 1/2 cup butter. Add 1/2 cup packed brown sugar and 1/4 cup coconut milk, stirring to combine. Cook for about 2 minutes or until the butter smells slightly nutty and the mixture becomes shiny. Remove from heat, stir in 1/2 teaspoon coconut extract and 1/4 teaspoon vanilla extract, then whisk in 2 cups powdered sugar gradually until the frosting is smooth and spreadable. Work quickly while warm so it spreads evenly. Spread and salt: Immediately spread the frosting over the cooled brownies using an offset spatula for an even layer. Sprinkle flaky sea salt to taste — about 1/4 to 1/2 teaspoon distributed across the top is my usual preference. Let the frosting set slightly before the next step. Chocolate drizzle: In a microwave-safe bowl, combine 1/3 cup semi-sweet chocolate chips with 2 tablespoons butter. Microwave on high in 30-second intervals, stirring between each, until completely melted and smooth. If preferred, add a bit more butter to thin the chocolate for easier drizzling. Use a fork or piping bag to create a decorative drizzle across the caramel-topped brownies. Chill and slice: Place the pan in the refrigerator for at least 20 to 30 minutes to set the chocolate and caramel. Lift the brownies from the pan using the foil overhang and transfer to a cutting board. For bakery-style edges, score the top with a sharp knife, then wipe and dip the knife in warm water between cuts. Cut into 24 bars and store as below.
You Must Know
- Storage: Refrigerate leftovers in an airtight container for up to 5 days. Freeze individual bars wrapped tightly for up to 3 months.
- Nutritional note: These are rich and calorie-dense; a single bar provides a decadent treat best enjoyed in moderation.
- Texture tip: Allowing the caramel frosting to cool slightly before spreading prevents it from soaking into the brownie and keeps a cleaner top layer.
- Salt: Use flaky sea salt for contrast — it intensifies the caramel and balances the sweetness without becoming salty.
- Serving: Bring chilled bars to room temperature for about 10 minutes before serving if you prefer a softer bite.
My favorite part of making these is the moment right after the chocolate drizzle sets: the tops have that polished, bakery look and you can’t help but take one small corner piece to taste. Over the years I’ve learned to resist grabbing too many before guests arrive — they’re absolutely irresistible warm or cold.
Storage Tips
Keep leftover squares in an airtight container lined with parchment to prevent sticking; layers of parchment between the bars help when stacking. Refrigerated bars stay moist and maintain their structure for up to five days. For longer storage, wrap individual bars tightly in plastic wrap and place them in a freezer-safe bag; frozen bars thaw quickly at room temperature or in the fridge overnight. To refresh chilled brownies, warm briefly in a low oven (300 degrees F for 5–7 minutes) or microwave a single piece for 10–12 seconds to soften the caramel without melting the chocolate drizzle entirely.
Ingredient Substitutions
If you don’t have canned coconut milk, whole milk or evaporated milk can be used in equal measure, though the coconut flavor will be milder. For dairy-free results, substitute vegan butter and dairy-free chocolate chips, and verify powdered sugar is vegan-friendly. To reduce sweetness, try using dark chocolate chips (60–70% cocoa) and cutting the powdered sugar in the frosting by 1/2 cup, though this will slightly change the set of the glaze. For a gluten-free version, replace all-purpose flour with a 1-to-1 gluten-free baking blend and add 1/4 teaspoon xanthan gum if your blend lacks binding agents.
Serving Suggestions
Serve bars at room temperature with a dusting of cocoa or a sprinkle of additional flaky sea salt. These pair beautifully with a scoop of vanilla bean ice cream or a dollop of lightly whipped coconut cream to amplify the tropical notes. For a coffee service, choose a medium roast or a rich espresso to cut through the sweetness. Garnish individual servings with a few toasted coconut flakes or a quick cascade of extra melted chocolate for a dramatic presentation at parties.
Cultural Background
While brownies are a distinctly American confection with origins traced to the late 19th and early 20th centuries, the addition of coconut and salted caramel reflects modern global influences and the increasing popularity of hybrid flavors. Coconut has long been used in tropical cuisines and baking traditions, while salted caramel is a relatively recent trend that began gaining mainstream traction in the early 2000s, praised for balancing sweet and savory elements. Combining these creates a contemporary take on a classic American favorite.
Seasonal Adaptations
In summer, lighten the recipe by topping bars with fresh berries and a drizzle of lime-infused caramel. For winter holidays, swap the coconut extract for a touch of rum extract and finish with toasted almonds or pecans. Around Thanksgiving, add a teaspoon of cinnamon and a pinch of nutmeg to the batter for a warm spice note. The core method remains the same — small swaps will give the dessert a seasonal personality without complicating preparation.
Meal Prep Tips
Make the brownie base a day ahead and store it tightly covered at room temperature; bake the next day for fresher texture. The caramel frosting can be prepared a few hours in advance and kept at room temperature; re-whisk gently before spreading if it stiffens. For easy serving at events, pre-cut bars and arrange them on parchment-lined trays, then refrigerate until shortly before serving. Use a sharp chef’s knife warmed under hot water and wiped dry between cuts for neat, bakery-style slices.
These salted caramel coconut brownies are one of those reliably beloved treats that work for everything from an after-dinner sweet to a fundraiser table star. I hope you enjoy making them as much as I do — play with the salt level and chocolate type until you find your perfect balance, and don’t be surprised if they become a requested staple in your baking rotation.
Pro Tips
Line the pan with heavy-duty foil and spray it so you can lift the whole slab out for cleaner slicing.
Let the caramel mixture cool just enough to spread; if it’s too hot it will sink into the brownies.
Use flaky sea salt and sprinkle sparingly — start with 1/4 teaspoon across the entire pan and adjust to taste.
Warm your knife under hot water and dry it between cuts for bakery-style edges.
Toast a few tablespoons of coconut flakes for a crunchy garnish that complements the soft chew.
This nourishing salted caramel coconut brownies recipe is sure to be a staple in your kitchen. Enjoy every moist, high protein slice — it is perfect for breakfast or as a wholesome snack any time.
FAQs about Recipes
How long do these brownies keep?
Store in an airtight container in the refrigerator for up to 5 days or freeze individual bars for up to 3 months.
Any tips for a clean slice?
Allow the frosting to cool slightly so it spreads without seeping into the brownie. Chill to set the chocolate drizzle before cutting.
Tags
Salted Caramel Coconut Brownies
This Salted Caramel Coconut Brownies recipe makes perfectly juicy, tender, and flavorful steak every time! Serve with potatoes and a side salad for an unforgettable dinner in under 30 minutes.

Ingredients
Brownies
Salted Caramel Frosting
Chocolate Drizzle
Instructions
Prepare the pan
Preheat oven to 350 degrees F. Line a 9x13-inch pan with heavy-duty foil and spray with nonstick cooking spray so the brownies lift out easily.
Melt butter and sugar, add chocolate
In a small saucepan over low heat, melt 1/2 cup butter. Stir in 2 cups sugar and cook for 1 minute, stirring constantly. Remove from heat and stir in 2 cups semi-sweet chocolate chips until melted.
Combine wet ingredients
Transfer the warm chocolate mixture to a mixer bowl and add 1 cup coconut milk, 2 large eggs, 2 teaspoons coconut extract, and 1 teaspoon vanilla extract. Mix until combined.
Whisk dry ingredients
In a separate bowl whisk together 1 3/4 cups flour, 1 1/4 cups cocoa powder, 1 teaspoon salt, and 1 teaspoon baking powder. Slowly add to wet ingredients and mix until just combined.
Bake
Pour batter into prepared pan and bake at 350 degrees F for 30–40 minutes. Test with a toothpick; it should come out with a few moist crumbs. Cool completely before frosting.
Make salted caramel frosting
In a saucepan over medium heat, melt 1/2 cup butter. Add 1/2 cup brown sugar and 1/4 cup coconut milk and cook for 2 minutes. Remove from heat, stir in extracts, then whisk in 2 cups powdered sugar until smooth.
Spread frosting and salt
Spread frosting immediately over cooled brownies and sprinkle flaky sea salt to taste (about 1/4–1/2 teaspoon). Let the frosting set slightly before drizzling chocolate.
Chocolate drizzle
Melt 1/3 cup chocolate chips with 2 tablespoons butter in 30-second microwave intervals, stirring until smooth. Drizzle over the caramel layer and chill until set.
Slice and serve
Lift brownies from pan using foil, transfer to a cutting board, and slice into 24 bars. Warm knife under hot water and dry between cuts for clean edges.
Last Step: Please leave a rating and comment letting us know how you liked this recipe! This helps our business to thrive and continue providing free, high-quality recipes for you.
Nutrition
Did You Make This?
Leave a comment & rating below or tag
@flavest on social media!

Categories:
You might also like...

Glazed Apple Cider Donuts
Warm-spiced apple cider donuts with tender apple bits and a glossy cider glaze, fried crisp and irresistibly cozy for fall.

Slow Cooker Pork Pot Roast
All-day slow cooking turns pork shoulder, potatoes, and carrots into a tender, savory classic with a rich homemade gravy everyone will love.

Cheesy Hamburger Potato Casserole
Tender layers of Yukon gold potatoes with seasoned beef in a creamy, cheddar sauce, baked until bubbly and irresistibly comforting.

Did You Make This?
Leave a comment & rating below or tag @flavest on social media!
Rate This Recipe
Share This Recipe
Enjoyed this recipe? Share it with friends and family, and don't forget to leave a review!
Comments (1)
This recipe looks amazing! Can't wait to try it.
Comments are stored locally in your browser. Server comments are displayed alongside your local comments.
Hi, I'm Maria!
What's Popular
30-Minute Meals!
Join to receive our email series which contains a round-up of some of our quick and easy family favorite recipes.

