Go Back

White Chocolate Mocha Cookies (Soft & Chewy Bakery Style)

These bakery-style white chocolate mocha cookies are soft, chewy, and packed with rich cocoa and bold espresso flavor. Loaded with creamy white chocolate chunks, these mocha chocolate cookies have crisp edges and fudgy centers, making them the perfect coffeehouse-inspired dessert. Easy to make and freezer-friendly, this white chocolate mocha cookie recipe is ideal for holidays, bake sales, or whenever you’re craving a chocolate espresso treat.
Course Dessert, Snack
Cuisine American
Keyword bakery style mocha cookies, chocolate espresso cookies recipe, coffee flavored cookies, espresso chocolate cookies, homemade mocha cookies, mocha cookies, soft and chewy mocha cookies, white chocolate coffee cookies, white chocolate espresso cookies, white chocolate mocha cookies
Prep Time 15 minutes
Cook Time 10 minutes
Chill time (optional) 30 minutes
Total Time 55 minutes
Servings 18 large cookies
Calories 320kcal
Cost $9 for entire recipe

Equipment

  • Large mixing bowl
  • Medium mixing bowl
  • Hand mixer or stand mixer
  • Measuring cups and spoons
  • Kitchen scale (recommended for accuracy)
  • Rubber spatula
  • Cookie scoop (2–3 tablespoon size for bakery-style cookies)
  • Baking Sheets
  • Parchment paper or silicone baking mat
  • Cooling rack

Ingredients

Dry Ingredients

  • 2 cups 250g all-purpose flour
  • ½ cup 50g unsweetened cocoa powder
  • 1 tsp baking soda
  • ½ tsp salt
  • 1 ½ tbsp instant espresso powder

Wet Ingredients

  • ¾ cup 170g unsalted butter, softened
  • ¾ cup 150g brown sugar
  • ½ cup 100g granulated sugar
  • 2 large eggs
  • 2 tsp vanilla extract

Mix-Ins

  • 1 ½ cups 240g white chocolate chunks (NOT chips — chunks melt better!)
  • Optional: ½ cup mini dark chocolate chips for contrast

Instructions

  • Preheat oven to 350°F (175°C). Line baking sheets with parchment paper.
  • In a bowl, whisk together flour, cocoa powder, baking soda, salt, and espresso powder.
  • In a separate large bowl, cream butter, brown sugar, and granulated sugar for 2–3 minutes until fluffy.
  • Beat in eggs one at a time, then add vanilla.
  • Gradually mix in dry ingredients until just combined.
  • Fold in white chocolate chunks (and dark chips if using).
  • Scoop 3-tablespoon-sized dough balls onto baking sheet, spaced 2 inches apart.
  • Bake 9–11 minutes.
  • Edges should be set
  • Centers should look slightly underbaked
  • Cool on pan for 5 minutes, then transfer to rack.

Notes

1. Use Espresso Powder — Not Brewed Coffee
For the best white chocolate mocha cookies, use instant espresso powder instead of brewed coffee. Brewed coffee adds too much liquid and can make cookies cakey instead of soft and chewy. Espresso powder gives bold mocha flavor without affecting texture.
2. Chill the Dough for Thicker Cookies
Chilling the dough for 30 minutes helps prevent spreading and creates thick, bakery-style mocha cookies with chewy centers and crisp edges. This step also intensifies the espresso flavor.
3. Use White Chocolate Chunks for Better Melt
White chocolate chunks melt into creamy pools, giving these mocha cookies a true coffeehouse feel. Chips hold their shape more and won’t create the same rich texture.
4. Slightly Underbake for Soft Centers
Remove the cookies when the edges are set but the centers still look slightly underbaked. They will continue cooking on the baking sheet and stay soft for days.
5. Measure Flour Properly
Too much flour can make espresso chocolate cookies dry. Spoon and level your flour instead of scooping directly from the bag.
6. For Stronger Coffee Flavor
If you prefer a bold coffee cookie, increase the espresso powder to 2 tablespoons. This enhances the mocha flavor without making the cookies bitter.
7. Storage & Freshness
Store white chocolate mocha cookies in an airtight container at room temperature for up to 4 days. Freeze baked cookies for up to 2 months. Cookie dough balls can be frozen and baked straight from frozen — just add 1–2 minutes to bake time.