Starbucks Mocha Cookie Crumble Recipe: Mocha-Infused Crunch With Fudgy Chocolate Layers

Desserts

Starbucks Mocha Cookie Crumble Recipe: Mocha-Infused Crunch With Fudgy Chocolate Layers

Capturing that signature Starbucks mocha cookie crumble at home is easier than you think, and the results are just as indulgent. The secret lies in balancing rich chocolate layers with a mocha-infused crumble that delivers that perfect crunch.

I've perfected this recipe through multiple test batches, ensuring the fudgy chocolate base and crispy cookie topping come together flawlessly every time.

This dessert combines the best of both worlds: a velvety chocolate layer that's almost too good to cut, topped with a mocha-spiced cookie crumble that adds texture and depth.

The recipe uses simple ingredients you likely already have, but the combination of instant espresso powder and dark chocolate creates that unmistakable mocha flavor profile that makes this dessert so special.

By the time it emerges from your oven, you'll have a dessert that looks like it came straight from Starbucks' bakery case—golden cookie crumbles on top, a crackly chocolate crust on the sides, and a fudgy chocolate center that melts in your mouth.

The aroma alone will have everyone gathering around your kitchen, and each bite delivers that perfect balance of sweet, rich chocolate and aromatic mocha.

Best served warm with a scoop of vanilla ice cream or a dollop of whipped cream, this recipe makes 9 servings and requires just one 9x13-inch baking dish.

The instructions are straightforward, with precise timing to ensure that cookie crumble stays crispy while the chocolate base remains perfectly gooey. Let's get baking!

👨‍🍳
Difficulty
Medium
🔥
Calories
Med Cal

Ingredients for starbucks mocha cookie crumble

Nine simple ingredients transform into that iconic Starbucks mocha cookie crumble you crave.

Ingredient Amount Notes
Unsalted Butter 🧈 1 cup Cold, cubed for crumble texture
All-Purpose Flour 🌾 1 ½ cups Sifted for light crumble
Granulated Sugar 🍚 1 cup White or light brown
Packed Brown Sugar 🍚 ½ cup For deeper caramel flavor
Instant Espresso Powder ☕ 2 tbsp Not instant coffee granules
Ground Cinnamon 🌿 1 ½ tsp Freshly ground preferred
Salt 🧂 ½ tsp Fine sea salt preferred
Dark Chocolate Chips 🍫 12 oz Semi-sweet, 60% cacao
Large Eggs 🥚 2 whole Room temperature
Vanilla Extract 🌸 1 tsp Pure, not imitation
Vanilla Ice Cream 🍦 2 cups For serving, optional
Heavy Whipping Cream 🥛 ½ cup Full-fat for best texture
Powdered Sugar 🍚 2 tbsp For dusting crumble

The espresso powder is non-negotiable—Starbucks VIA or Nescafé Azera are my go-tos, but any quality instant works. Dark chocolate chips? Ghirardelli or Guittard melt perfectly, but store-brand semi-sweet is fine. The butter needs to stay cold for that perfect crumble texture, so pull it straight from the fridge. Brown sugar adds that signature caramel depth—don't skip it. For the cookie crumble, sifting the flour makes all the difference (trust me, it's worth the extra minute).

No instant espresso powder? Strong brewed coffee cooled works in a pinch (use 1/4 cup), but the flavor won't be quite as intense. White chocolate chips can replace dark for a sweeter twist, but you'll lose that mocha richness. Short on butter? Use coconut oil (same amount), but the crumble won't be as crisp. Whipped cream instead of ice cream? Add a splash of vanilla extract to the cream for that same cozy vibe. Pre-made cookie crumble mix? Toss in an extra 1 tsp of espresso powder to boost the mocha flavor.

This dessert reheats beautifully—5 minutes at 350°F brings back that warm, gooey magic. Store leftovers in an airtight container for 3-4 days (if they last that long). Freeze the whole pan for up to 3 months—just thaw overnight before reheating. Pro tip: Sprinkle extra powdered sugar on top right after baking while it's still warm for that bakery-fresh look. Portion into individual ramekins for single servings—perfect for meal prep.

❤️

Why You'll Love This Recipe

  • Foolproof Mix-Ins: I swear by this recipe—just toss in the instant espresso powder and brown sugar, and you get that real Starbucks crunch without measuring coffee beans. The butter and flour do all the heavy lifting while you’re busy stirring.
  • Rich Without Effort: That combo of granulated and brown sugar? Pure magic. The crumble stays crispy on top while the cookie base stays soft—like biting into a warm, gooey hug. (Yes, even on a Tuesday night.)
  • Crowd-Pleaser Flex: Make a double batch and freeze half for lazy mornings or last-minute gifts. It’s the kind of dessert that disappears at parties, but also works as a breakfast treat with a splash of milk.
  • Pantry Staple Magic: Honestly, you’re probably already stocked for this. Butter, flour, sugar—basic things you’ll use for everything else. No weird ingredients, no last-minute grocery runs. Just reliable, crave-worthy flavor.

Step-by-step instructions for mocha cookie crumble

This crumble delivers that signature Starbucks mocha flavor with a perfect balance of crispy crumble and fudgy chocolate layers.

1

Prepare the Crumble Base

In a large mixing bowl, combine the 1 cup unsalted butter (cold and cubed) with the 1 cup granulated sugar and 0.5 cup packed brown sugar. Use a pastry cutter or your fingers to work the butter into the sugars until the mixture resembles coarse crumbs with pea-sized butter pieces remaining. This texture is crucial for that perfect crunch.

Next, whisk together the 1.5 cups all-purpose flour, 2 tablespoons instant espresso powder, 1.5 teaspoons ground cinnamon, and 0.5 teaspoon salt in a separate bowl. Gradually add this dry mixture to the butter-sugar mixture, stirring gently with a wooden spoon until just combined. The crumble should hold together when pressed but still look crumbly—not pasty. Avoid overmixing, as this can lead to a dense crumble instead of the light, airy texture we want.

Finally, fold in the 12 ounces dark chocolate chips using a spatula. Distribute them evenly throughout the crumble mixture, ensuring each spoonful has a few chocolate pieces. This step creates those delicious pockets of melted chocolate that make this crumble so irresistible.

2

Create the Chocolate Filling

In a medium saucepan, melt the 0.5 cup heavy whipping cream over medium heat until it just begins to simmer. Remove from heat and whisk in the 2 whole large eggs one at a time, ensuring each is fully incorporated before adding the next. The mixture should be smooth and slightly thickened.

Return the saucepan to low heat and stir in the 1 teaspoon vanilla extract. Cook for 3-5 minutes, stirring constantly, until the mixture thickens slightly and coats the back of a spoon. This step is critical—if the filling is too thin, the crumble won't hold its shape, and if it's too thick, the chocolate layers will be dry. You're aiming for a consistency similar to thick pudding.

Remove from heat and let the filling cool for 5 minutes while you prepare the baking dish. This cooling step prevents the filling from cooking too quickly in the oven, which can make it grainy.

3

Assemble and Bake

Preheat your oven to 350°F. Spread 1 cup of the crumble mixture evenly over the bottom of a 9-inch square baking dish, pressing down lightly with your fingers. This creates a flavorful, crispy base that will support the fudgy layers above.

Pour the chocolate filling evenly over the crumble base, spreading it out to cover the entire surface. Then, sprinkle the remaining 1 cup of crumble mixture evenly over the top. Use your fingers to gently press the crumble into the filling so it adheres well. The top should look like a patchwork of crumbly bits with visible chocolate peeking through.

Bake for 30-35 minutes, or until the edges are golden brown and the center is just set. The filling should be slightly jiggly in the middle—this indicates it's still warm and gooey inside. If the top browns too quickly, tent the dish with aluminum foil to prevent over-browning while the center finishes cooking.

4

Cool and Serve

Remove the crumble from the oven and let it cool for 10 minutes before transferring it to a wire rack. This cooling step allows the filling to set slightly, making it easier to slice without falling apart. While it cools, dust the top generously with 2 tablespoons powdered sugar using a fine-mesh sieve. This adds a beautiful finish and balances the rich chocolate flavor.

Serve the mocha cookie crumble warm, straight from the oven, with a scoop of 2 cups vanilla ice cream on the side. The contrast of the warm, gooey crumble with the cold ice cream is pure magic. For an extra touch, drizzle a little melted dark chocolate over the top before serving—it ties everything together beautifully.

👨‍🍳

Pro Tips For Making Starbucks Mocha Cookie Crumble

  • Cream Butter Properly: Whip the butter and sugars together until light and fluffy—at least 3-4 minutes with a mixer. I used to rush this, and the cookies turned out dense and flat. That extra time pays off with a chewy, tender crumble.
  • Sift the Espresso: Lightly sift the instant espresso powder over the dry ingredients before mixing. This ensures even distribution and prevents clumps—no one wants a weirdly bitter bite in the middle of a cookie.
  • Chill the Dough: Let the dough rest in the fridge for at least 30 minutes before baking. I skipped this once, and the cookies spread too much, losing that perfect Starbucks crunch. Cold dough = better shape.
  • Rotate the Pan: Swap the baking sheets halfway through baking for even browning. The edges always cook faster, and rotating guarantees a consistent crumble texture—no burnt corners or pale centers.

Perfect pairings for this dish

Ice Cream Pairings

Vanilla ice cream is the classic choice, but don’t stop there! Salted caramel ice cream from brands like Ben & Jerry’s or Häagen-Dazs adds a salty-sweet contrast that elevates the dessert. For a mocha twist, try mocha almond fudge ice cream—the nutty depth complements the espresso notes perfectly.

If you prefer lighter options, coffee or pistachio ice cream works beautifully too. 🍦

Whipped Cream Variations

Ditch the plain whipped cream for something more exciting! Salted caramel whipped cream (whip ½ cup heavy cream with 1 tbsp powdered sugar, ½ tsp vanilla, and a pinch of flaky sea salt) adds a luxurious touch.

For a mocha boost, fold 1 tsp instant espresso powder into the whipped cream before serving. Chocolate whipped cream (mix 2 oz melted dark chocolate into whipped cream) ties into the dessert’s flavor profile seamlessly.

Coffee Beverage Pairings

Serve a hot espresso or cappuccino alongside for a cozy dessert experience. For a non-alcoholic option, a vanilla chai latte from Starbucks or a homemade mocha latte (steamed milk, espresso, and chocolate syrup) enhances the flavors.

If you’re feeling indulgent, a dark chocolate martini or espresso martini adds an adult twist. ☕

Garnish Ideas

Turn your crumble into a showstopper with simple garnishes. A sprinkle of crushed peppermint adds a refreshing contrast to the richness. Chocolate shavings (use a microplane on a Ghirardelli chocolate bar) lend elegance, while toasted coconut flakes bring a tropical note.

For a mocha touch, dust with extra espresso powder or drizzle with melted white chocolate for a sweet finish.

Seasonal Adaptations

In winter, serve warm with a spiced rum sauce (simmer ½ cup rum, ¼ cup brown sugar, and 1 cinnamon stick). For summer, swap the ice cream for vanilla bean sorbet to keep it light.

A peppermint mocha version (add ½ tsp peppermint extract to the crumble) is perfect for the holidays. The key is balancing the dessert’s richness with complementary flavors that suit the season. ❄️

Nutrition facts

Servings 9
Amount Per Serving
Calories 580kcal
% Daily Value *
Total Fat 36g46%
Saturated Fat 23g115%
Cholesterol 135mg45%
Sodium 320mg14%
Total Carbohydrate 58g20%
Dietary Fiber 2g8%
Sugars 42g
Protein 8g16%
* Percent Daily Values are based on a 2,000 calorie diet. Your daily values may be higher or lower depending on your calorie needs.

Frequently asked questions

1

Can I make this mocha cookie crumble without espresso powder?

Yes, but the flavor won't be as rich. Use 1/4 cup strong brewed coffee (cooled) instead of the 2 tbsp instant espresso powder. For best results, reduce the liquid slightly in the chocolate filling to maintain the right consistency. The mocha depth will be milder but still delicious.

2

How do I prevent the crumble from getting soggy?

Keep the butter cold when mixing and avoid overbaking. The crumble should be golden brown but still crisp. For extra insurance, chill the assembled dish for 15 minutes before baking. Also, make sure your baking dish is well-greased or parchment-lined to prevent sticking.

3

Can I use a different type of chocolate?

For the best mocha flavor, stick with semi-sweet dark chocolate (60% cacao). White chocolate will make the dessert sweeter but lose the espresso depth. Milk chocolate works in a pinch but may be slightly less rich. Always use high-quality chocolate for the best texture and flavor.

4

How should I store leftovers?

Store in an airtight container at room temperature for 3-4 days or freeze for up to 3 months. Reheat slices at 350°F for 5 minutes to restore that warm, gooey texture. For individual servings, portion into ramekins before freezing.

5

Why did my chocolate filling get grainy?

This usually happens if the filling cooks too long or if the eggs weren't fully incorporated. Make sure to remove the filling from heat as soon as it thickens (it should coat the back of a spoon). Also, let the filling cool for 5 minutes before assembling. If it's already grainy, try blending it briefly before baking.

★★★★★4.8(5 reviews)
Categories Desserts