Triple Browned Butter Chocolate Chip Cookies

This cookie is bursting with browned butter flavor with a soft chewy texture and nice crispy butterscotch-flavored edges. Adding dried milk powder significantly increases the amount of flavorful milk solids to my classic chocolate chip cookie, and creates an exceptionally flavored, toasted caramel-like cookie. To add even more flavor complexity, this cookie uses special add-ins (such as pretzels or toffee chips), along with the traditional sweet chocolate chips.

You’ll want to make these if you prefer a cookie that:
  • is an intensely browned butter flavored cookie;
  • is soft-chewy in the center and crispy on the edges; and
  • tastes sweet from dark brown sugar balanced with a touch of salt. 

All my chocolate chip cookies were built on the foundation of flavors created from the Maillard reaction. I categorize them based on "flavor levels" and this is a Level 2 cookie because it requires a couple of extra simple ingredients to elevate flavors from a traditional chocolate chip cookie.

(If you're interested my other cookies, my Level 1 cookie is a classic chewy chocolate chip cookie and my Level 3 is my Dulce Delicious Chocolate Chip cookie.)

What ingredients do you need for the triple browned butter chocolate chip cookies?

Unsalted butter is the primary source of fat in this recipe. In this recipe, we’ll brown the butter, which melts the butterfat, evaporates the water, and toasts the milk solids. This toasting is done via the Maillard reaction, which releases flavorful compounds into the butterfat from browning the milk proteins. I also tend to use unsalted butter in most baking applications because salted butter varies in salt concentration and when used in large quantities.

Milk powder is used to add extra protein to the butter during the browning process. This creates an exceptional super roasted and toasted flavor to the final cookie than if you were to use browned butter alone. You can use nonfat, whole, and sweet cream buttermilk powders in this recipe. They all contain varied fat contents, which may improve the texture of the final cookie slightly, but all typically have around the same amount of protein, which is really the most important part of this ingredient.

When I developed this recipe, it started out with triple the amount of milk protein. Since then, I've add a little bit more of milk powder, so that it's more flavorful and easier to measure (for our baker friends who use tablespoons) so the final recipe is more accurately a "Quintuple Browned Butter Chocolate Chip Cookie." But that's a mouthful, so I left it at triple. :)

Brown sugar is the primary type of sugar, which contains a small fraction of molasses, giving it that brown color and richer toasty flavor. The ratio and types of sugars are important in chocolate chip cookie recipes because they will dictate the spread of the cookie as well as the final texture. Generally, a higher amount of brown sugar to white, causes a cookie to have a chewier texture, such as this cookie. This recipe is written for dark brown sugar, but you can sub light brown sugar too. It will have a lighter molasses flavor and a lighter final color when baked.  

White sugar is the second type of sugar. It provides sweetness, a bit of spread, and also a bit of structure. 

Water is added to replace the water lost during the browning process. Without adding this small amount into the cookie dough, the final cookie ends up being a little too dry.  

Vanilla extract and salt are the flavoring ingredients.

Baking soda is an alkaline powder, which does a couple of things. It reacts with acidic ingredients in recipes (in this case, brown sugar) to create carbon dioxide gas, which expands tiny air bubbles and gives a slightly aerated texture. It has a greater effect, however, on the browned exterior of the cookie. Baking soda increases the rate of the Maillard reaction, which is the browning and toasting of proteins when exposed to sugar and heat. 

An egg is added to the cookie dough for structure and moisture. 

All-purpose (or plain) flour is the starch in this recipe and gives the cookie structure. You can use either bleached or unbleached flour, but I tend to use unbleached in all my recipes as I prefer the flavor. 

Add-ins, such as chocolate chips, add bulk and flavor to the finished cookie. This is an elevated chocolate chip cookie and really benefits from at least one other type of add-in combined with the chocolate. 

For this cookie, I like to do as follows: 113g/4oz of chocolate, which is about half semi-sweet chocolate chips and half chopped chocolate from a dark chocolate bar. (Please note that if you use all chips in this cookie, you will get a more compact, smaller, and taller cookie than mine.)

Chocolate chips come in many varieties, but for the most part, these chocolates are manufactured with a special formulation of fats (instead of just pure cocoa butter) that helps the chips retain a classic “drop” shape even after high baking temperatures. This also makes them slightly cheaper than real chocolate products. I like to use semi-sweet chips from Costco in my cookies.

For chocolate chunks, you’ll need a bar that will be chopped into ¼-inch chunks. Because of its cocoa butter content, this type of chocolate melts more easily at baking temperatures. This melts into irregular globs within the cookie dough, but upon cooling, these globs will solidify, creating delicious creamy pockets of chocolatey goodness. The type of chocolate is purely your preference, but I usually do a combination of milk and dark chocolates. My favorite type of chocolate bar comes from Trader Joe’s.

I also add 113g or 4oz of one of these add-ins:

From left to right: caramelized white chocolate, Heath bars, pecans, pretzels, and caramel chips.

All of these ingredients have undergone the Maillard reaction or caramelization already and is a super easy way to create flavor complexity that aligns with the triple browned butter flavor in this cookie. 

  1. Caramelized white chocolate: I use Cupcake Jemma’s microwave method (her YouTube video is here) and chop the set chocolate into chunks.
  2. Toffee chunks: You can either make your own toffee or use chopped up Heath bars, like I show above.
  3. Pecans: Be sure to roast them to get the full flavors from the Maillard reaction, then chop them into pieces.
  4. Pretzels: The signature brown crust on a pretzel is from the Maillard reaction, usually from dipping the pretzels in an alkaline bath prior to baking. Chop them up before adding to the batter. 
  5. Caramel chips: These are hard to source nowadays, but worth it if you can find them. I get mine at Trader Joe’s during the holiday season and buy several bags to last me throughout the next year.

Step-by-Step

Step 1: Prep the pans, oven, and the chocolate/add-ins.

Preheat the oven to 375°F/190°C and line a baking sheet with parchment (1a).
Chop your chocolate bar and add-in of your choice into chunks (1b).

Step 2: Brown butter with milk powder.

Grab your (heatproof) mixing bowl for either your stand or hand mixer for easy access. Measure out the milk powder into a small bowl and set that aside for now. Add the butter to a light-colored pan and melt on medium-low heat (2a). Once the butter has melted, and started foaming, and use a heat-proof spatula and stir and scrape the sides and bottom of the pan. Once you start to see the milk proteins turn light brown (2b), lower the heat and sprinkle in the milk power, while constantly stirring (2c).

The foam will turn a beautiful amber color and keep stirring until the milk solids are a deep brown (2d). Immediately pour the melted butter, scraping all the milk solids from the pan and into the bowl (2e). 

Step 3: Add the sugars, water, flavoring ingredients, and egg.

Add the brown (3a) and white sugar (3b) to the melted butter. Stir with a spatula for about 20 seconds (3c). Adding the sugars directly to the hot butter brings the temperature down so it doesn’t cook the egg in the next step. 

Add the water, vanilla, baking soda, and salt (3d). Mix (either stand or hand mixer) for 4-5 minutes on medium-high speed (3e). You should have an emulsified butter-sugar mixture with no fat separation that looks like this (3f).

Add the cold egg (3g) and mix on medium speed for another minute (3h). The mixture will be slightly lighter in color and just a bit thicker (3i). It will still be quite runny though. 

Step 4: Stir in the flour and chocolate.

Do this step by hand. Pour in the flour and use a spatula to stir in (4a). Stir in the chocolate chips/chunks and add-ins (4b). The finished dough texture will be thickened but pretty sticky (4c).

Step 5: Scoop and bake.

Scoop the dough into 2 tablespoon portions (also labeled #30 scoop) about 2 inches apart (5a). Bake for 9-13 minutes. 

While they’re hot from the oven, you can use a small bowl or round cookie cutter to create a more circular cookie (5b). Allow to rest on the sheet for about 30 seconds, then move to a cooling rack (5c). 

Does this dough need to be refrigerated before baking?

My cookie dough can be baked right after mixing.

Some chocolate chip cookie doughs require refrigeration prior to baking. This can be either because the dough is too soft to bake (and would otherwise melt in the oven) or to “allow the flavors to mature.”

I’ve tested this, and my cookie dough does not benefit much on the flavor front when rested overnight. It does, however, alter the texture just a little bit. The exterior bakes up more shortbread-like and the interior has a softer texture. This is in contrast to the cookie dough that is baked immediately after baking, which has a chewier internal texture. I go more into the science of this in my video below, if you’re interested. 

If you would like to store these cookies for later, just mix everything together in the recipe outlined below and portion the dough into dough balls (I like 2 TB size), and place them on a tray until cold. When firm, add them to a zip-top storage bag for up to a month in the fridge or a few months in the freezer. 

Check out my video on the science behind these cookies here:

Please bake by weight if you can. 

I research and develop everything on this site using weights (in grams), so they are listed first in the recipe card. Measuring by weight is the best way to replicate my recipes. This is particularly important with fluffy ingredients such as flour, cocoa powder, and powdered sugar.

For measurements under 5 grams, I will typically only list the volumetric measurements (teaspoons, etc.) as most home scales are not precise enough under that weight.

I have converted grams to volumes (cups, teaspoons, etc.) for American bakers who prefer it. These are not as precise and may have awkward proportions (such as ½ cup + 1 tablespoon). However, they still work. 

This is the OXO scale I use daily. I also purchased this budget version of a good scale, which I keep at my Mom’s house for baking. If you’re interested in other tools I use for my baking, I’ve compiled a list here.

Hi! I'm Adriana.

I built this site for the curious home baker. I'm a huge science + tech nerd; you'll feel right at home if you like exploring and experimenting in the kitchen too.

Here you can build cakes with my Cakeculator and find recipes to accompany the videos from YouTube, Tiktok, and Instagram.

I have lots of things to share... I hope you have fun around here!

More about me