Joanna Gaines Chocolate Chip Cookies: The Ultimate Brown Butter Recipe

By Katie Taylor

On September 6, 2026

A handheld smartphone photo of a single thick Joanna Gaines chocolate chip cookie being pulled apart to reveal a soft gooey center.

Cuisine

American

Prep time

20 minutes

Cooking time

10 minutes

Total time

30 minutes

Servings

24 cookies

Joanna Gaines chocolate chip cookies have become a legendary staple for anyone seeking that perfect balance of a soft, gooey center and crisp, crinkled edges. There is something profoundly comforting about a cookie that feels like a warm hug from the Magnolia Silos, and this version elevates that experience by introducing rich, toasted notes of browned butter. Whether you are a fan of Fixer Upper or simply a connoisseur of the perfect bake, these cookies are designed to stop your Pinterest scroll in its tracks.

The secret to the viral appeal of the Joanna Gaines chocolate chip cookies lies in the texture. Imagine a thick, oversized cookie that reveals a doughy, molten interior when pulled apart, contrasted by large irregular puddles of melted dark chocolate. This isn’t just a snack; it is a culinary event that pairs perfectly with a cold glass of milk or even a side of rich fudge brownie cookies for the ultimate dessert platter.

A thick chocolate chip cookie with crisp crinkled edges and toasted butter specks on white parchment paper.
The perfect contrast: crispy edges and toasted brown butter specks.

Why You Will Obsess Over These Brown Butter Cookies

  • The Perfect Texture: A soft, underbaked center meets crisp, crinkled edges for the ultimate mouthfeel.
  • Gourmet Chocolate Blend: We use a combination of semi-sweet chocolate chips and chopped dark chocolate chunks for varying depths of flavor.
  • Toasted Butter Specks: Browning the butter adds a nutty, caramelized aroma that complements the sweet dough.
  • Visual Masterpiece: Finished with flaky sea salt crystals that catch the light and balance the sweetness.

Essential Ingredients for Magnolia-Style Perfection

To recreate the Joanna Gaines chocolate chip cookies, every ingredient serves a specific culinary purpose. We aren’t just mixing dough; we are building layers of flavor.

Unsalted Butter: 1 cup (226g). We will brown this butter to create “beurre noisette,” which provides the toasted butter specks visible in the final cookie.

Brown Sugar: 1 cup (200g) packed. High moisture content ensures that signature soft, chewy texture.

Granulated Sugar: 1/2 cup (100g). This helps create the crisp, golden-brown edges we crave.

All-Purpose Flour: 2 1/2 cups (312g). Provides the structure necessary for a thick, oversized cookie that doesn’t spread into a pancake.

Dark Chocolate Chunks: 1 cup (170g). Use a high-quality bar chopped into irregular pieces to create “chocolate puddles.”

Semi-Sweet Chocolate Chips: 1 cup (170g). These hold their shape better than chunks, providing a classic texture.

Flaky Sea Salt: For finishing. This is the “bridge” ingredient that makes the chocolate flavors pop.

The Art of Browning Butter for Cookies

Achieving the Golden-Brown Speckled Base

Before mixing your dough, you must master the brown butter. Place your 1 cup (226g) of butter in a light-colored saucepan over medium heat. Melt the butter, whisking constantly. You will hear it pop and crackle as the water evaporates. Once the crackling subsides, watch for little brown bits to form at the bottom. The aroma will turn nutty and toasted. Immediately remove from heat and transfer to a heat-proof bowl, ensuring you scrape all those toasted specks into the bowl. Let it cool until it reaches a room-temperature, creamy consistency.

Creaming for Structure

Once your browned butter is creamy but not liquid, beat it with the brown and granulated sugars. You want a pale, fluffy mixture. This process aerates the dough, contributing to the “soft underbaked center” that defines the Joanna Gaines chocolate chip cookies experience. If you enjoy this flavor profile, you might also love the sweetness of pineapple mascarpone cakes for your next gathering.

A handheld smartphone photo of a single thick Joanna Gaines chocolate chip cookie being pulled apart to reveal a soft gooey center.
Look at that soft, underbaked center!

Step-by-Step Instructions for the Perfect Bake

1. Prepare the Dry Ingredients

In a medium bowl, whisk together the flour, 1 teaspoon (5g) baking soda, and 1/2 teaspoon (3g) fine sea salt. Sifting isn’t strictly necessary, but it helps ensure no clumps of soda ruin a bite.

2. Combine and Emulsify

Add 2 large eggs and 2 teaspoons (10ml) of pure vanilla extract to your butter-sugar mixture. Beat on medium-high for 2 minutes. The mixture should look like thick caramel. Slowly fold in the dry ingredients until just a few streaks of flour remain.

3. The Double Chocolate Fold

Gently fold in your dark chocolate chunks and semi-sweet chips. The irregular dark chocolate pieces will eventually melt into those gorgeous pools seen in the Joanna Gaines chocolate chip cookies visual blueprint. If you’re looking for a savory contrast after these sweets, consider a light Asian ramen coleslaw for lunch.

4. The Chill Factor

Do not skip this! Chill the dough for at least 30 minutes. This prevents the fats from melting too quickly in the oven, ensuring your cookies stay thick and develop those beautiful crinkled edges.

5. Scooping and Baking

Preheat your oven to 350°F (175°C). Use a large cookie scoop to form 3-tablespoon sized balls. Place them on a parchment-lined sheet. Bake for 10-12 minutes. The edges should be golden-brown and crisp, but the centers should still look slightly “wet” or underbaked. They will firm up as they cool on the pan.

Expert Tips for Success

  • The “Pan Bang” Trick: Halfway through baking, lift the pan and gently drop it against the oven rack. This creates those iconic ripples and crinkles.
  • Measure by Weight: For the most consistent Joanna Gaines chocolate chip cookies, use a kitchen scale. Flour is easily packed down in measuring cups, leading to dry cookies.
  • Quality Chocolate Matters: Avoid cheap chips with too many stabilizers. High-quality dark chocolate (60% cacao or higher) creates the best melted puddles.
  • The Salt Finish: Apply the flaky sea salt immediately after the cookies come out of the oven so the crystals stick to the melting chocolate.

Storage, Reheating & Freezing

Keep your cookies in an airtight container at room temperature for up to 4 days. To regain that “just out of the oven” gooey center, microwave a single cookie for 8-10 seconds.

Freezing: You can freeze the scooped dough balls for up to 3 months. Bake directly from frozen, adding 2-3 minutes to the total bake time. This is the best way to have a fresh Joanna Gaines chocolate chip cookie whenever the craving hits.

What to Serve With These Cookies

While a tall glass of milk is traditional, these rich cookies pair beautifully with a cup of espresso or a dark roast coffee. If you are hosting a brunch, these make an excellent dessert following a savory croissant breakfast sandwich or even a light Mexican street corn salad for a summer BBQ.

Frequently Asked Questions

Yes, but chunks are highly recommended. Chopped dark chocolate bars melt into irregular ‘puddles’ that provide a better texture and visual appeal than uniform chips alone.

The crinkled edges come from two things: chilling the dough and the ‘pan bang’ method. Dropping the pan on the oven rack mid-bake causes the center to fall and the edges to ripple.

Yes! Chilling for at least 30 minutes solidifies the fat, preventing the cookies from spreading too thin. This ensures they stay thick and soft in the middle while the edges get crisp.

Browning the butter (beurre noisette) cooks off the water and toasts the milk solids, creating a deep, nutty flavor and those beautiful toasted specks that elevate the classic Joanna Gaines cookie recipe.

The Magnolia-Inspired Recipe Card

A handheld smartphone photo of a single thick Joanna Gaines chocolate chip cookie being pulled apart to reveal a soft gooey center.

Joanna Gaines Chocolate Chip Cookies: The Ultimate Brown Butter Recipe

These Joanna Gaines chocolate chip cookies feature a soft, underbaked center, crisp crinkled edges, and rich brown butter. Loaded with dark chocolate chunks and flaky sea salt for the ultimate Pinterest-worthy treat.
Prep Time 20 minutes
Cook Time 10 minutes
Total Time 30 minutes
Servings: 24 cookies
Course: Desserts, Snack
Cuisine: American
Calories: 320

Ingredients
  

Cookie Dough
  • 1 cup unsalted butter 226g, to be browned
  • 1 cup brown sugar 200g, packed
  • 0.5 cup granulated sugar 100g
  • 2 large eggs room temperature
  • 2 tsp vanilla extract 10ml
  • 2.5 cups all-purpose flour 312g
  • 1 tsp baking soda 5g
  • 0.5 tsp sea salt 3g
  • 1 cup dark chocolate chunks 170g, roughly chopped
  • 1 cup semi-sweet chocolate chips 170g
  • 1 tbsp flaky sea salt for finishing

Equipment

  • 1 Light-colored saucepan To see the butter browning clearly
  • 2 Baking sheets Lined with parchment paper
  • 1 Large Cookie Scoop 3-tablespoon size

Method
 

Browning the Butter
  1. Melt butter in a saucepan over medium heat, whisking until it turns golden-brown with visible toasted specks. Remove immediately and cool.
Mixing the Dough
  1. Beat the cooled brown butter with brown sugar and granulated sugar until light and fluffy.
  2. Mix in eggs and vanilla extract until the mixture is thick and glossy.
  3. Gently stir in flour, baking soda, and salt. Do not overmix.
  4. Fold in the dark chocolate chunks and semi-sweet chips.
Chilling and Baking
  1. Chill the dough in the refrigerator for at least 30 minutes.
  2. Scoop large dough balls onto a baking sheet. Bake at 350°F (175°C) for 10-12 minutes until edges are crisp but center is soft.
  3. Immediately sprinkle with flaky sea salt while chocolate is still melted.

Notes

For best results, use a kitchen scale to measure flour.
Don't skip the 30-minute chill time to ensure thick cookies.

Save This Recipe to Pinterest!

Don’t lose this recipe! Pin it to your “Best Desserts” or “Magnolia Recipes” board so you can bake a batch whenever you need a little comfort. Follow @katie_tasty for more high-end baking inspiration. If you make these Joanna Gaines chocolate chip cookies, snap a photo and share it in the comments below—I love seeing your gooey centers and crispy edges! Please leave a 5-star rating if you enjoyed this bake.

A close-up vertical shot of thick Joanna Gaines chocolate chip cookies with melted chocolate puddles and flaky sea salt on parchment paper.
The best Joanna Gaines chocolate chip cookies you will ever bake!

You might also like these recipes

Leave a Comment

Recipe Rating