Skip to Content

White Chocolate Chip Mocha Cookies

These white chocolate chip mocha cookies are rich and flavorful with a mixture of coffee, white chocolate, and semi-sweet chocolate chips. These cookies have crisp edges and a chewy center.

Coffee-Infused Cookies

Everyone loves cookies but these cookies have a kick of caffeine. These white chocolate chip mocha cookies have coffee mixed into the batter. Every bite of these cookies has the delicious flavor of coffee mixed with brown sugar.

White Chocolate Mocha cookies with semi-sweet and white chocolate chips stacked on wire rack.

The mixture of white chocolate chips and semi-sweet chocolate chips enhances the coffee flavor - it makes this cookie perfect for coffee lovers!

Easy to Make Cookies

These cookies are simple to make. First, softened butter is beaten together with granulated sugar and brown sugar. The egg and vanilla extract is beat in as well.

The next step is to heat the 2 tablespoon of water and to dissolve the instant coffee granules into it.

Mocha cookies with semi-sweet and white chocolate chips on a cooling rack.

The all-purpose flour, baking soda, and salt are sifted together and blended into the sugar mixture.

Alternately, the coffee mixture is added and the dough is beaten until it forms a ball.

Semi-sweet chocolate chips and white chocolate chips are then stirred into the cookie dough.

It's important to chill the dough to prevent it from spreading and creating flat cookies while baking. This only takes 30 minutes in the refrigerator.

RELATED: Red Velvet Chocolate Chip Cookies

Cookies made with coffee and toped with chocolate chips.

Baking the Cookies

I'm a huge fan of silicone baking mats. I use them for all of my baking needs, especially cookies! When transferring cookies to a wire rack for further cooling, the silicone baking mats make the transfer a breeze. There's no need to worry about the cookies sticking or finding it hard to get a spatula underneath or remove.

I also like to use a cookie scoop to scoop my cookies onto the baking mats. Using a cookie scoop makes it easy to make the cookies the same shape and size.

A stack of mocha cookies topped with milk and white chocolate chips.

📖 Recipe

White Chocolate Chip Mocha Cookies stacked on a wire rack.

White Chocolate Chip Mocha Cookies

Yield: 12 Cookies
Prep Time: 10 minutes
Cook Time: 11 minutes
Total Time: 21 minutes

Rich and flavorful mocha cookies with a mixture of white and chocolate chips. These cookies have crisp edges and a chewy center.


  • ½ cup unsalted butter, softened
  • ¾ cup granulated sugar
  • ½ cup brown sugar, packed
  • ¼ cup instant coffee granules
  • 2 tablespoon hot water
  • 1 egg
  • 1 teaspoon vanilla extract
  • 1 ½ cup all-purpose flour
  • ¼ teaspoon baking soda
  • ⅛ salt
  • 1 cup semi-sweet chocolate chips
  • ½ cup white chocolate chips


  1. Preheat the oven to 350°
  2. In a large bowl, beat together the softened butter and both sugars.
  3. Beat in the egg and the vanilla extract.
  4. Microwave the 2 tbsps of water in a microwave-safe bowl for 40 seconds.
  5. Stir the instant coffee granules into the water until dissolved.
  6. In a separate bowl, mix together the all-purpose flour, salt, and baking soda.
  7. Slowly mix in the dry mixture into the wet ingredients.
  8. Alternate with the coffee mixture.
  9. Stir in the white and semi-sweet chocolate chips.
  10. Cover and chill in the refrigerator for 30 minutes.
  11. Bake on a cookie sheet for about 10-11 minutes. The edges should be golden.
  12. Allow the cookies to cool for 10 minutes before moving them to a wire rack to cool completely.
  13. Store in an airtight container.

    Did you make this recipe?

    Please leave a comment on the blog or share a photo on Pinterest

    Sharing is caring!


    Thursday 5th of January 2023

    These look great! Can I sub espresso powder for the coffee granules?


    Thursday 5th of January 2023

    Yes you can!


    Friday 4th of February 2022

    Can I substitute 1/4 cup of coffee for the instant coffee… I didn’t realize that I don’t have instant😬


    Friday 4th of February 2022

    You can use just 2 tbsp of coffee instead of the instant coffee granule that way the liquid stays the same! It may alter the coffee concentration flavor of the overall cookie. Let me know how it goes!

    Skip to Recipe