Gluten-Free Toffee Brownies
This post may contain affiliate links. See our disclosure policy for more.
Let’s make Gluten-Free Toffee Brownies! These rich, fudgy brownies are made with brown butter and loaded with crisp, chocolate covered toffee pieces for a satisfying, delicious flavor combination you’ll LOVE.

I love the way that baking is the perfect blend of art and science.
On the one hand, you get to indulge your creativity–decorating, coming up with unique flavor combinations, and adding special touches to sweet treats.
On the other hand, baking is most definitely a science–you get to learn how ingredients interact, and rushing or skipping steps can completely change the outcome of your recipe.
Our gluten-free toffee brownies recipe is a great example of both of these! These delicious brownies have combine gorgeous flavors with a few simple techniques to give you AMAZING results–you get fudgy, rich brownies, crisp bits of toffee, and caramel-like notes of flavor from brown butter and vanilla.
They’re as delicious as they are special, and the best part is, the ingredients list is simple and straightforward. Let’s dive in!

Simple Ingredients To Get Started
If you’ve been here a minute, the ingredients list might look familiar! This new recipe is based on my favorite brownie recipe (our Brown Butter Brownies!) with just a few adjustments. Let’s take a look:
- (Brown) Butter. To mimic the caramel-y flavor of the toffee, we’re actually starting with brown butter! This simple technique caramelizes the milk solids in the butter, turning them into a caramel-like brown with a sweet, nutty flavor that’s a perfect complement to the toffee.
- Chocolate Chips. Dark chocolate chips and semisweet chocolate chips do triple duty in these gluten-free brownies! You’ll melt some for the brownie batter, fold some into the batter, AND sprinkle some on top of the finished brownies. We recommend a quality brand like Guittard for the best flavor.
- Brown Sugar & Granulated Sugar. This combination gives the brownies a fudgy, moist texture, with crackly, glossy tops. (aka my ideal brownie!)
- Eggs. To help bind, enrich, and puff the brownies.
- Vanilla. Always a must when I’m working with chocolate!
- Gluten-Free Flour. We’re keeping things simple with a gluten-free measure-for-measure flour blend. We love this one from King Arthur, but if you use another brand, make sure it contains xanthan gum or the brownies won’t turn out properly. We don’t recommend other gluten-free flours (like almond flour or coconut flour) for this recipe.
- Unsweetened Cocoa Powder. I prefer the flavor of a natural cocoa powder (like Hershey’s) rather than Dutch processed cocoa powder (dark cocoa powder) for these brownies, but either will work, since we’re not using any leaveners.
- Salt. A must for balancing the flavor!
- Toffee Bars. Last, but not least, is toffee! This star ingredient needs a proper intro…
Star Ingredient: Toffee
The star of the show in this gluten-free toffee brownie recipe is definitely the toffee! We originally tested this recipe using plain toffee bits (Heath Bits ‘O’ Brickle toffee bits), but found the flavor and appearance just wasn’t quite what we were hoping for.
In our next tests, we used chopped Heath candy bars and LOVED the results. Chopping chocolate covered toffee bars (like Heath bars or Skor bars) gives you better texture, better flavor, and a prettier appearance. The trifecta!
Heath bars and Skor bars are both gluten-free! The difference is that Heath bare are a milk-chocolate covered English toffee bar, while Skor bars are a milk chocolate-covered butter toffee bar. Either will work in this delicious recipe, so you can use whichever you find in grocery stores! You can also use Heath brand chocolate covered toffee bits in a pinch, though we prefer the variety of shapes and textures you get by chopping your own toffee bars.
How To Make Gluten-Free Toffee Brownies, Step By Step
As always, you can find the full recipe, with ingredient amounts, detailed instructions, and tips in the recipe card below.

- Preheat & Prep. To start, heat oven temperature to 350 degrees F. Line an 8×8 metal pan with parchment paper.
- Brown Butter. In a light-colored medium saucepan, melt butter cook over medium low heat, stirring constantly, until the butter foams and the butter underneath the foam caramelizes and deepens to a honey color and the butter smells sweet and fragrant.
- Mix in Chocolate Chips. As soon as you remove the brown butter from the heat, mix in 1 1/2 cups chocolate chips and stir until melted and glossy. Set this mixture aside to cool slightly while you mix the sugar and eggs.
- Beat Sugar & Eggs. Add brown sugar, granulated sugar, and eggs to a large bowl. Use a whisk or hand mixer to beat the sugar and eggs 3-5 minutes, or until about tripled in volume and much lighter in color. The sugar should be almost completely dissolved–if you rub the mixture between your fingers, you shouldn’t feel almost no grit. Do NOT rush this step or your brownies won’t get those nice, glossy tops!
- Stir in Chocolate Mixture & Vanilla. Slowly whisk in the melted chocolate mixture and the vanilla extract and stir until smooth.

- Add Dry Ingredients. Then, add the gluten-free flour, cocoa powder, and salt and mix until just a few floury patches remain.
- Fold In The Mix-Ins. Add 1/2 cup chopped toffee and 1/4 cup chocolate chips. Fold in until just evenly distributed. (The batter will be pretty thick at this point!)
- Bake Brownies. Transfer the brownie mixture to the prepared pan and smooth out the surface. Bake in the preheated oven 22-24 minutes, or until the tops are glossy, the centers are just set, and a toothpick inserted in the center comes out with moist crumbs attached. (If you prefer a less fudgy brownie, you can add 3-5 minutes to the bake time, but I much prefer these brownies on the fudgy side!)
- Top & Cool Brownies. As soon as you remove the brownies from the oven, sprinkle with the remaining 1/2 cup toffee and 1/4 cup chocolate chips. Let the brownies cool completely on a wire rack before cutting into squares with a sharp knife. (I recommend chilling them before cutting for the smoothest, most perfect slices!)

A Few Baking Tips To Help You
Now that you know the basic method for this gluten-free toffee brownies recipe, you can refine your technique by brushing up on these baking tips:


FAQ + Tricks For The Best Toffee Brownies
Use A METAL Pan. We recommend a light-colored metal square baking pan over glass or ceramic because these materials conduct heat differently. An aluminum pan conducts heat gently and evenly, helping your brownies rise and cook through as expected. If you use ceramic or glass pans, your brownies will rise differently than mine and will almost certainly take longer to cook.
How To Get A Shiny Crust On Your Brownies. For the signature glossy brownie tops, the big secret is to dissolve the sugar properly before baking. Don’t rush the step where you’re mixing the eggs and sugar, since this is the key to pretty brownies!
Can I Use a Box Mix Instead? Probably! I can totally appreciate the convenience of box mix brownies, and this would be a fun way to jazz up a boxed mix. That said, you’ll just never compete with the flavor these homemade brown butter brownies add!
Try Them With Ice Cream! These brownies are definitely rich, but if you cut smaller squares, you can make a little sundae with a scoop of vanilla ice cream and a drizzle of caramel sauce. It’s unreal!
Recipe Card
๐ Did you make this recipe?
Leave a star rating below when you try our Gluten-Free Toffee Brownies recipe! We can’t wait to hear what you think!
Gluten-Free Toffee Brownies
- Total Time: 42 minutes
- Yield: 12–16 Brownies 1x
- Diet: Gluten Free
Description
This rich, fudgy Gluten-Free Toffee Brownies recipe is made with brown butter & loaded with crisp chocolate covered toffee pieces. It’s the perfect brownie for toffee lovers!
Ingredients
For The Brownies:
- 1/2 cup butter (1 stick/8 Tablespoons/113 grams)
- 1 1/2 cups dark chocolate chips (9 oz/255 grams)
- 1/2 cup brown sugar (100 grams)
- 1/2 cup granulated sugar (100 grams)
- 3 large eggs
- 1 teaspoon vanilla extract
- 3/4 cup gluten-free measure-for-measure flour, weighed or scooped and leveled (90 grams)
- 1/3 cup (32 grams) unsweetened cocoa powder*
- 1/2 teaspoon kosher salt
- 1/2 cup chopped Heath toffee bars (about 2 bars/78 grams)
- 1/4 cup semi-sweet chocolate chips (43 grams)
To Top The Brownies:
- 1/2 cup chopped Heath toffee bars (about 2 bars/78 grams)*
- 1/4 cup semi-sweet chocolate chips (43 grams)
Instructions
- Preheat & Prep. To start, preheat the oven temperature to 350 degrees F. Line an 8×8 metal pan with parchment paper.
- Brown Butter. In a light-colored medium saucepan, melt butter cook over medium low heat, stirring constantly, until the butter foams and the butter underneath the foam caramelizes and deepens to a honey color and the butter smells sweet and fragrant.
- Mix in Chocolate Chips. As soon as you remove the brown butter from the heat, mix in 1 1/2 cups chocolate chips and stir until melted and glossy. Set this mixture aside to cool slightly while you mix the sugar and eggs.
- Beat Sugar & Eggs. Add brown sugar, sugar, and eggs to a large mixing bowl. Use a whisk or hand mixer to beat the sugar and eggs 3-5 minutes, or until about tripled in volume and much lighter in color. The sugar should be almost completely dissolved–if you rub the mixture between your fingers, you shouldn’t feel almost no grit. Do NOT rush this step or your brownies won’t get those nice, glossy tops!
- Stir in Chocolate Mixture & Vanilla. Slowly whisk in the melted chocolate/butter mixture and the vanilla extract and stir until smooth.
- Add Dry Ingredients. Then, add the gluten-free flour, cocoa powder, and salt and mix until just a few floury patches remain.
- Fold In The Mix-Ins. Add 1/2 cup chopped toffee and 1/4 cup chocolate chips. Fold in until just evenly distributed. (The batter will be pretty thick at this point!)
- Bake Brownies. Transfer the brownie batter to the prepared pan and smooth out the surface. Bake in the preheated oven 22-24 minutes, or until the tops are glossy, the centers are just set, and a toothpick inserted in the center comes out with moist crumbs attached. (If you prefer a less fudgy brownie, you can add 3-5 minutes to the bake time, but I much prefer these brownies on the fudgy side!)
- Top & Cool Brownies. As soon as you remove the brownies from the oven, sprinkle with the remaining 1/2 cup toffee and 1/4 cup chocolate chips. Let the brownies cool completely before cutting into squares. (I recommend chilling them before cutting for the smoothest cuts!)
- Serve & Store. Enjoy cooled brownies right away, or store leftovers in an airtight container at room temperature 2-3 days, the refrigerator 3-4 days, or freeze up to 4 weeks.
Notes
- Toffee Bars. If you can’t find Heath toffee bars, but you can find chocolate covered toffee bits or Skor bars, you can use those instead! I tested these with plain toffee bits (Bits ‘O’ Brickle) and chocolate covered toffee bars, and the chocolate toffee bars were our preference!
- Consider Metric! When possible, we highly recommend weighing your dry ingredients so you don’t accidentally pack in too much flour or cocoa. An inexpensive kitchen scale makes this easy, but if you don’t have one, be sure to use the scoop & level method as the next best option.
- Cocoa. I prefer the flavor of natural cocoa powder (like Hershey’s) for these brownies, but if you prefer, you can use Dutch Processed cocoa for a darker color and flavor.
- Gluten-Free Flour. We love and recommend King Arthur Gluten-Free Measure-For-Measure Flour for these brownies. If you use another brand, make sure it contains xanthan gum!ย
- Prep Time: 20 minutes
- Cook Time: 22 minutes
- Category: Dessert
- Method: Oven
- Cuisine: American









I love these brownies! I’ve always been a toffee person, and this satisfies my craving.
I am a huge toffee fan and I don’t think I could love these brownies any more than I do! They are so chocolatey and the toffee really gets to shine without being too rich.