Salted Caramel Mocha Coffee Cookies Recipe – Easy Bakery-Style Treats

Posted on

salted caramel mocha coffee cookies - featured image

The first time I bit into a salted caramel mocha coffee cookie, I swear the world slowed down for a second! Imagine rich chocolate and smooth coffee melting into buttery dough, all punctuated by gooey caramel and a sprinkle of sea salt. It’s a treat that tastes like your favorite coffee shop drink—if your barista decided to become a world-class baker, that is.

I stumbled on the idea for these cookies one rainy Sunday morning when I was craving both a bakery-style cookie and my usual caramel mocha latte. You know those days when you just want to curl up with something sweet and comforting? That’s how these salted caramel mocha coffee cookies were born. I’ve tinkered with this recipe more times than I can count, and every batch seems to disappear before they even cool off.

Why do I keep coming back to this recipe? It’s pure comfort—familiar flavors, but with a twist that makes every bite exciting. The coffee adds a subtle bitterness that balances the sweetness, while the caramel gets all melty and decadent in the oven. And the salt… don’t even get me started on that glorious, sparkly finish!

I love making these for friends, family gatherings, or just to treat myself after a long week. They’re surprisingly simple, but the results look (and taste) absolutely bakery-worthy. If you’ve ever wanted to bake something that gets everyone talking, these salted caramel mocha coffee cookies are your answer. Trust me, after dozens of batches and lots of taste-testing (a tough job, but someone’s got to do it), I can say with confidence that this recipe will become one of your go-to favorites.

Why You’ll Love This Recipe

  • Coffeehouse Flavor at Home: These cookies taste just like your favorite salted caramel mocha latte, but with a chewy, chocolatey twist.
  • Easy, No-Fuss Ingredients: Everything you need is probably already in your pantry—no weird specialty items, just real, delicious basics.
  • Bakery-Style Texture: Thick, soft, and just a little crisp at the edges—these cookies look (and feel) like they came straight from a bakery display case.
  • Crowd Pleaser: Every time I bring them to a party, they vanish in minutes. Even coffee skeptics can’t resist the caramel and chocolate combo!
  • Perfect for Any Occasion: Holiday cookie swaps, cozy weekends, or just because you need a pick-me-up—these cookies fit the bill.
  • Customizable: Swap in dark chocolate, use different caramels, or add a pinch more salt—this recipe is flexible and forgiving.

What sets these salted caramel mocha coffee cookies apart? It’s all about the balance—rich cocoa, bold espresso powder, buttery dough, and that gooey caramel pocket in the middle. I always blend the coffee and cocoa into the dry ingredients first, so the flavor is deep and even. Plus, a quick chill in the fridge means you get a tender, bakery-style crumb without complicated steps.

Honestly, these cookies are more than just dessert—they’re a little hug in edible form. When you take a bite and get that burst of espresso and melty caramel, it’s like every good coffee shop memory rolled into one. If you want cookies that deliver drama, flavor, and comfort all at once, these are the ones to bake. Trust me, you’ll want to keep this recipe on speed dial!

What Ingredients You Will Need

This salted caramel mocha coffee cookies recipe keeps things simple but packs in so much flavor. You probably have most of these ingredients on hand, and if you don’t, they’re easy to find at any grocery store. Here’s what you’ll need to whip up a batch of these bakery-style treats:

  • Unsalted Butter, softened (1 cup / 226g) – Brings that classic cookie richness. I always let mine sit out for about an hour before baking.
  • Brown Sugar (1 cup / 200g, packed) – Adds moisture and a hint of caramel flavor, which really amps up the gooey factor.
  • Granulated Sugar (1/2 cup / 100g) – For a touch of sweetness and a crisp edge.
  • Large Eggs (2, room temperature) – Bind everything together and help create that pillowy texture.
  • Pure Vanilla Extract (2 tsp / 10ml) – Trust me, don’t skimp! It ties all the flavors together.
  • All-Purpose Flour (2 1/3 cups / 290g) – Standard flour for structure. I’ve used King Arthur and Gold Medal with great results.
  • Unsweetened Cocoa Powder (1/3 cup / 35g) – Dutch-processed gives a deeper color and flavor, but natural works too.
  • Espresso Powder (1 1/2 tbsp / 7g) – This is the magic that makes the mocha pop. King Arthur’s espresso powder is my go-to. If you can’t find it, instant coffee granules (same amount) work in a pinch.
  • Baking Soda (1 tsp / 5g) – For that perfect lift.
  • Fine Sea Salt (1/2 tsp / 3g, plus more for sprinkling) – Balances the sweetness and makes the caramel shine.
  • Semi-Sweet Chocolate Chips (1 cup / 170g) – I like Ghirardelli, but use what you love. Chopped chocolate bars also work for bigger puddles of chocolate.
  • Soft Caramels (18–20 pieces, unwrapped) – Werther’s Original or Kraft caramels are both great. If you want extra-gooey centers, look for the softest caramels you can find.
  • Flaky Sea Salt (for topping) – Maldon is my favorite, but any nice finishing salt will do.

Substitution Tips:

  • Gluten-free? Swap in a 1:1 gluten-free flour blend (like Cup4Cup).
  • Dairy-free? Use a plant-based butter and dairy-free chocolate chips.
  • No espresso powder? Try instant coffee, but you may want to use an extra 1/2 tablespoon for a stronger flavor.
  • Low-sugar? Reduce the granulated sugar by up to 1/4 cup, but don’t skip the brown sugar—it’s key for texture.

Honestly, the recipe is super forgiving. I’ve even tossed in a handful of chopped pecans or swapped the chocolate chips for dark chocolate chunks, and it was still amazing. So don’t stress if you need to make a quick swap!

Equipment Needed

  • Large Mixing Bowls – At least two: one for wet and one for dry ingredients. I love using glass so I can see if anything’s unmixed at the bottom.
  • Electric Mixer – Hand or stand mixer, both work. If you’re mixing by hand, be ready for an arm workout!
  • Measuring Cups & Spoons – Level off your flour for accurate results. A digital kitchen scale is even better for precise baking.
  • Baking Sheets – Sturdy, rimmed sheets help cookies bake evenly.
  • Parchment Paper or Silicone Baking Mats – Prevents sticking and makes cleanup so much easier. I prefer reusable mats for less waste.
  • Cookie Scoop (2-tbsp size) – For even-sized cookies. If you don’t have one, two regular spoons work fine.
  • Cooling Racks – Prevents cookies from getting soggy bottoms.
  • Small Spoon or Thumb – For making caramel “pockets” in the dough.

I’ve baked these cookies using every tool under the sun—my old hand mixer, a fancy stand mixer, and even just a wooden spoon. They all work! Just be sure to scrape the bowl so nothing gets left behind. And if you’re using silicone mats, give them a quick wash between batches to avoid burnt caramel bits sticking around.

Budget tip: You don’t need the fanciest equipment. I started with a $10 hand mixer and thrift-store bowls, and my cookies still turned out bakery-worthy every time.

How to Make Salted Caramel Mocha Coffee Cookies

salted caramel mocha coffee cookies preparation steps

  1. Prep Your Ingredients (10 minutes):
    Let the butter and eggs come to room temperature. Unwrap your caramels and set aside. Line your baking sheets with parchment paper or silicone mats.
  2. Mix Dry Ingredients (5 minutes):
    In a large bowl, whisk together 2 1/3 cups (290g) all-purpose flour, 1/3 cup (35g) unsweetened cocoa powder, 1 1/2 tbsp (7g) espresso powder, 1 tsp (5g) baking soda, and 1/2 tsp (3g) fine sea salt. Make sure everything is evenly combined—no cocoa pockets!
  3. Cream Butter & Sugars (3–4 minutes):
    In another large bowl, beat 1 cup (226g) softened unsalted butter with 1 cup (200g) brown sugar and 1/2 cup (100g) granulated sugar. Beat until light and fluffy. If it looks a bit grainy, keep mixing—smooth is the goal.
  4. Add Eggs & Vanilla (2 minutes):
    Add the eggs one at a time, mixing well after each. Toss in 2 tsp (10ml) vanilla extract. The dough may look a little glossy—totally normal.
  5. Combine Wet & Dry (2–3 minutes):
    Gradually add the dry mixture to the wet, mixing on low speed or by hand. Don’t overmix—just until you see no more dry flour.
  6. Fold in Chocolate Chips (1 minute):
    Stir in 1 cup (170g) semi-sweet chocolate chips. The dough will be thick.
  7. Shape Dough & Add Caramel (10 minutes):
    Use a 2-tbsp cookie scoop to portion dough onto your baking sheet. Flatten each slightly, press a soft caramel into the center, then wrap the dough around so the caramel is hidden. Roll into a ball and place back on the tray, spacing cookies 2 inches apart.

    Tip: If the dough is sticky, chill it for 15–20 minutes.
  8. Chill the Dough (30–60 minutes):
    Cover the tray and chill in the fridge. This step keeps the cookies thick and prevents spreading. If you’re in a rush, even 20 minutes helps.
  9. Bake (10–12 minutes):
    Preheat oven to 350°F (175°C). Bake 1 tray at a time for 10–12 minutes. The cookies should look set at the edges but still soft in the center.

    Warning: Don’t overbake! The caramel will be molten and the center should look a bit underdone—it’ll set as it cools.
  10. Finish & Cool (10 minutes):
    Immediately sprinkle warm cookies with flaky sea salt. Let them cool on the tray for 5 minutes, then transfer to a wire rack to finish cooling.

Troubleshooting: If cookies spread too much, your butter may have been too warm or the dough not chilled enough. If caramel leaks, make sure it’s fully enclosed in dough. Don’t worry—a little caramel “lava” is part of the charm!

Personal tip: I always bake a test cookie first. If it spreads too much or not enough, I tweak the rest—add a tablespoon of flour if needed, or chill a bit longer. Every oven’s different, so don’t be afraid to experiment.

Cooking Tips & Techniques

  • Chill the Dough: This step is a game-changer. Don’t skip it! It stops the cookies from spreading into thin pancakes and makes the texture super chewy. I’ve learned the hard way—impatient baking leads to flat, sad cookies.
  • Enclose the Caramel Well: Pinch the dough tightly around each caramel so it doesn’t leak out. If you see caramel peeking through, patch it with a bit more dough.
  • Use Fresh Baking Soda: Old leavening means flat cookies. I swap out my baking soda every few months—it really does make a difference.
  • Don’t Overmix: Once the dry ingredients go in, mix just until combined. Overmixing makes cookies tough instead of soft.
  • Bake on the Middle Rack: I’ve burned a few bottoms by not paying attention to rack placement! Middle rack = even heat and perfect edges.
  • Salt Wisely: Sprinkle flaky salt on while the cookies are still warm so it sticks. Too much salt can overpower, so start light—you can always add more.
  • Multi-tasking: While one tray is baking, prep the next. It keeps things moving and means you get warm cookies faster!

One time I got distracted and left a batch in for 15 minutes—they were crunchy, but still tasty dunked in coffee! Still, I prefer that soft, gooey center, so now I set a timer religiously.

Variations & Adaptations

  • Gluten-Free Version: Use a 1:1 gluten-free flour blend instead of all-purpose. It works beautifully—no one will guess they’re gluten-free.
  • Nutty Twist: Add 1/2 cup (60g) chopped toasted pecans or walnuts to the dough for extra crunch and flavor.
  • White Chocolate & Caramel: Swap the semi-sweet chocolate chips for white chocolate chips for a sweeter, creamier flavor profile. It’s like a caramel macchiato in cookie form!
  • Vegan Adaptation: Use plant-based butter, flax eggs (2 tbsp flaxseed meal + 5 tbsp water), and vegan chocolate/chocolate chips. Vegan caramels are available at many health food stores.
  • Seasonal Swaps: In autumn, toss in 1/2 tsp cinnamon and a pinch of nutmeg. Around the holidays, add crushed peppermint candies for a festive twist.
  • Personal Favorite: Once, I pressed a few espresso beans into the top before baking. It added a bold crunch and upped the coffee flavor for true coffee lovers!

If you want to try different cooking methods, these cookies can also be baked as bars in a 9×13-inch (23x33cm) pan—just press half the dough in, layer caramels, then top with the rest. Bake for about 22–25 minutes.

Serving & Storage Suggestions

These salted caramel mocha coffee cookies are best enjoyed slightly warm, when the caramel is still gooey and the chocolate is melty. Pair them with a glass of cold milk, a hot cup of coffee, or even a scoop of vanilla ice cream for an over-the-top dessert experience.

  • Serving: Arrange on a pretty plate and sprinkle extra flaky salt just before serving for extra sparkle. If you’re feeling fancy, drizzle with more caramel sauce!
  • Storage: Store cooled cookies in an airtight container at room temperature for up to 4 days. To keep them extra soft, add a slice of bread to the container (it actually works!).
  • Freezing: Freeze unbaked dough balls (with caramel inside) on a tray, then transfer to a zip-top bag for up to 2 months. Bake straight from frozen—just add 1–2 minutes to the baking time.
  • Reheating: For that fresh-from-the-oven feeling, warm a cookie in the microwave for 10–15 seconds. The caramel melts perfectly again!
  • Flavor Development: Honestly, I think these cookies taste even better the next day. The flavors mingle and the texture stays just as dreamy.

Nutritional Information & Benefits

Each salted caramel mocha coffee cookie (based on a batch of 18) is estimated to contain about 220 calories, 10g fat, 30g carbs, and 2g protein. They’re definitely a treat, but a little indulgence goes a long way for the soul.

Health Benefits: Cocoa powder and dark chocolate chips add a dose of antioxidants, while espresso powder provides a gentle pick-me-up. If you use gluten-free flour or dairy-free swaps, these cookies can fit a variety of diets.

Dietary Notes: Contains wheat, dairy, and eggs (plus potential nut cross-contact from chocolate chips). Easily adaptable for gluten-free or dairy-free needs. If you’re sensitive to caffeine, use decaf espresso powder.

As a baker who’s always balancing flavor with a little nutrition, I love that this recipe gives you the best of both worlds: comfort and a treat that feels special, but still easy to tweak for your needs.

Conclusion

If you’re searching for a bakery-style cookie that delivers on every level—flavor, texture, and pure, nostalgic joy—these salted caramel mocha coffee cookies are it. They’re easy enough for a lazy Saturday but impressive enough for any special occasion.

I love this recipe because it’s endlessly customizable and always makes people smile (including me!). Don’t be afraid to make it your own—try a new chocolate, add a dash of cinnamon, or double the caramel if that’s your style. The magic is in the mix!

Ready to try these irresistible cookies? Give them a go and let me know how they turn out. Drop a comment, share your favorite twist, or tag me if you post your cookies anywhere—I’d love to see your creations. Remember, the best recipes are the ones that become yours!

Happy baking—and may your kitchen always smell like chocolate, coffee, and caramel bliss!

Frequently Asked Questions

Can I use instant coffee instead of espresso powder in these salted caramel mocha coffee cookies?

Yes! Instant coffee granules work well, just use the same amount. The coffee flavor will be a bit milder, so feel free to add an extra 1/2 tablespoon if you want more mocha punch.

What’s the best way to keep the caramel from leaking out of the cookies?

Make sure the caramel is completely wrapped in dough and pinch the seams together. Chilling the dough before baking also helps keep everything sealed during baking.

Can I freeze the cookie dough for later?

Absolutely. Freeze the dough balls (with caramel inside) on a tray, then store in a freezer bag. Bake from frozen, adding 1–2 minutes to the bake time. Fresh cookies anytime!

How do I make these cookies gluten-free?

Swap the all-purpose flour for a 1:1 gluten-free flour blend. Most blends work perfectly, and the cookies turn out just as soft and chewy.

Do these cookies have a strong coffee flavor?

The coffee flavor is present but not overpowering—it just deepens the chocolate and caramel notes. If you want a bolder coffee taste, add another teaspoon of espresso powder.

Pin This Recipe!

salted caramel mocha coffee cookies recipe

Print

Salted Caramel Mocha Coffee Cookies

These bakery-style cookies combine rich chocolate, bold espresso, gooey caramel, and a sprinkle of flaky sea salt for a treat that tastes just like your favorite coffeehouse drink. Soft, chewy, and decadent, they’re perfect for any occasion and sure to impress.

  • Author: paula
  • Prep Time: 25 minutes
  • Cook Time: 12 minutes
  • Total Time: 1 hour 30 minutes
  • Yield: 18 cookies 1x
  • Category: Dessert
  • Cuisine: American

Ingredients

Scale
  • 1 cup (226g) unsalted butter, softened
  • 1 cup (200g) brown sugar, packed
  • 1/2 cup (100g) granulated sugar
  • 2 large eggs, room temperature
  • 2 teaspoons pure vanilla extract
  • 2 1/3 cups (290g) all-purpose flour
  • 1/3 cup (35g) unsweetened cocoa powder (Dutch-processed or natural)
  • 1 1/2 tablespoons (7g) espresso powder (or instant coffee granules)
  • 1 teaspoon (5g) baking soda
  • 1/2 teaspoon (3g) fine sea salt, plus more for sprinkling
  • 1 cup (170g) semi-sweet chocolate chips
  • 1820 soft caramels, unwrapped
  • Flaky sea salt, for topping

Instructions

  1. Let the butter and eggs come to room temperature. Unwrap caramels and set aside. Line baking sheets with parchment paper or silicone mats.
  2. In a large bowl, whisk together flour, cocoa powder, espresso powder, baking soda, and fine sea salt until evenly combined.
  3. In another large bowl, beat softened butter with brown sugar and granulated sugar until light and fluffy (about 3–4 minutes).
  4. Add eggs one at a time, mixing well after each. Mix in vanilla extract.
  5. Gradually add the dry mixture to the wet ingredients, mixing on low speed or by hand just until no dry flour remains.
  6. Fold in chocolate chips. The dough will be thick.
  7. Use a 2-tablespoon cookie scoop to portion dough onto baking sheets. Flatten each slightly, press a soft caramel into the center, then wrap dough around the caramel to enclose it. Roll into a ball and place on the tray, spacing cookies 2 inches apart. If dough is sticky, chill for 15–20 minutes.
  8. Cover the tray and chill dough balls in the fridge for 30–60 minutes (at least 20 minutes if short on time).
  9. Preheat oven to 350°F (175°C). Bake one tray at a time for 10–12 minutes, until edges are set but centers are still soft.
  10. Immediately sprinkle warm cookies with flaky sea salt. Let cool on the tray for 5 minutes, then transfer to a wire rack to finish cooling.

Notes

Chilling the dough is essential for thick, chewy cookies. Make sure caramels are fully enclosed to prevent leaking. For gluten-free, use a 1:1 gluten-free flour blend. For dairy-free, use plant-based butter and dairy-free chocolate chips. Bake a test cookie first to check spread. Cookies taste even better the next day as flavors develop.

Nutrition

  • Serving Size: 1 cookie
  • Calories: 220
  • Sugar: 18
  • Sodium: 120
  • Fat: 10
  • Saturated Fat: 6
  • Carbohydrates: 30
  • Fiber: 1
  • Protein: 2

Keywords: salted caramel mocha cookies, coffee cookies, bakery-style cookies, chocolate caramel cookies, espresso cookies, easy cookie recipe, chewy cookies, caramel stuffed cookies

Did you make this recipe?

Share a photo and tag us — we can't wait to see what you've made!

Tags:

You might also like these recipes

Leave a Comment

Recipe rating