Home » Recipes » Gluten Free Mocha Cookies (Dairy Free)

Gluten Free Mocha Cookies (Dairy Free)

Our website uses advertising and affiliate links to generate income.

These delicious gluten free mocha cookies are like a mocha latte in cookie form! Our cookies are crisp on the edges and soft and chewy in the middle. This recipe is not only gluten free, but these are also vegan and peanut free as well.

A stack of six gluten-free chocolate cookies drizzled with white chocolate.

With the holidays approaching, my mind is on all kinds of cookies we can make since Christmas is prime cookie-baking time. I have a list in my head of all the cookie flavors I’d love to develop and share, and I’m excited to share our mocha cookies this week!

Our recipe for chocolate and coffee cookies is based on our base recipe for our allergy friendly chocolate chip cookie recipe, which is one of our most popular cookie recipes.

It’s like your favorite mocha latte but made into a cookie that’s perfect for a little afternoon pick-me-up when you want a sweet treat.

Why you’ll love these cookies

Our allergy friendly mocha cookies are not only gluten free but they are also vegan as well (no dairy or eggs). But you won’t even notice they are free of multiple allergens they are so yummy!

These cookies have crisp edges and a soft and chewy center. If you love crunchy cookies, you can bake these a little longer and leave them on the cooling rack longer. So you can make the texture of these to suit your preference.

Close-up of stacked mocha cookies drizzled with white icing. One cookie in the foreground has a bite taken out.

How to make gluten free mocha cookies

These cookies are really easy to make, no egg substitute needed for these! Here are the steps to make these cookies, this is just an overview, the full recipe is at the end of the post.

  1. For the mocha cookies:
  2. Preheat the oven to 350 degrees F and line a cookie sheet pan (or 2) with parchment paper and set aside.
  3. In a large bowl, use a hand mixer to beat together the room-temperature dairy-free butter, sugar, brown sugar, vanilla, and coffee powder until creamy.
  4. Next, mix in the all purpose gluten free baking mix, cocoa powder, and baking soda. We use the King Arthur gluten free all purpose baking mix, but if you use a different brand of flour or baking mix, you’ll want to use one that has xanthan gum in it.
  5. Add the sorghum flour and the dairy free milk and mix again until a thick cookie dough forms. You might need to press the dough together but it should be easy to roll into balls and not too sticky or too dry.
  6. You can hand mix in some allergy friendly chocolate chips or white chocolate chips in at this point if you want (we left them out of our cookies).
  7. Roll the dough into 1-inch balls and place on the cookie sheet pan and bake for 11 minutes for softer cookies (12-13 minutes for crunchier cookies). You don’t have to press the cookie balls down, the cookies will spread as they bake.
  8. Remove from the oven and allow to cool on the pan for about 5 minutes before removing to a cooling rack to cool completely.
Nine mocha cookies arranged in rows on a white surface.
Mocha cookies waiting for coffee drizzle

Making the coffee white chocolate drizzle

Here are the steps to make the coffee white chocolate drizzle for the top of the cookies:

  1. For the coffee white chocolate drizzle:
  2. Once the cookies are completely cooled, make the white chocolate drizzle by melting the dairy-free white chocolate in the microwave in a small dish for 30-second intervals, stirring each time, until the white chocolate is melted.
  3. Stir the coffee powder and a dash of cinnamon into the white chocolate and stir to mix.
  4. Using a drizzle spoon, drizzle the white chocolate over the cookies and let the chocolate set completely before storing or serving.

If you don’t have dairy-free white chocolate for the cookie drizzle, or you don’t like white chocolate, you can make a coffee icing drizzle instead.

Here’s the cinnamon coffee icing recipe you can use if you want instead:

  • 2 teaspoons dairy free milk
  • 1/4 cup + 2 Tablespoons powdered sugar
  • 1/8 teaspoon coffee powder (or 1/4 teaspoon for more coffee flavor)
  • 1/8 teaspoon ground cinnamon

Check out our other delicious cookie recipes!

A stack of six gluten-free chocolate cookies drizzled with white icing, placed on a white surface.

Gluten Free Mocha Cookies (Dairy Free and Vegan)

These delicious gluten free mocha cookies are like a mocha latte in cookie form! Our cookies are crisp on the edges and soft and chewy in the middle. This recipe is not only gluten free, but these are also vegan and peanut free as well.
Gluten free, dairy free, egg free, vegan, peanut free
5 from 1 vote
Print Pin Rate
Course: Cookies, Desserts
Cuisine: American
Keyword: gluten free mocha cookies, mocha cookies
Prep Time: 10 minutes
Cook Time: 11 minutes
cooling time: 5 minutes
Total Time: 26 minutes
Servings: 24 cookies
Calories: 131kcal

Ingredients

Gluten free mocha cookies

White chocolate coffee drizzle

Instructions

For the mocha cookies:

  • Preheat the oven to 350 degrees F and line a cookie sheet pan (or 2) with parchment paper and set aside.
  • In a large bowl, use a hand mixer to beat together the room-temperature dairy-free butter, sugar, brown sugar, vanilla, and coffee powder until creamy.
  • Next, mix in the all purpose gluten free baking mix, cocoa powder, and baking soda. We use the King Arthur gluten free all purpose baking mix, but if you use a different brand of flour or baking mix, you’ll want to use one that has xanthan gum in it.
  • Add the sorghum flour and the dairy free milk and mix again until a thick cookie dough forms. You might need to press the dough together but it should be easy to roll into balls and not too sticky or too dry.
  • You can hand mix in some allergy friendly chocolate chips or white chocolate chips in at this point if you want (we left them out of our cookies).
  • Roll the dough into 1-inch balls and place on the cookie sheet pan and bake for 11 minutes for softer cookies (12-13 minutes for crunchier cookies). You don’t have to press the cookie balls down, the cookies will spread as they bake.
  • Remove from the oven and allow to cool on the pan for about 5 minutes before removing to a cooling rack to cool completely.

For the coffee white chocolate drizzle:

  • Once the cookies are completely cooled, make the white chocolate drizzle by melting the dairy-free white chocolate in the microwave in a small dish for 30-second intervals, stirring each time, until the white chocolate is melted.
  • Stir the coffee powder and a dash of cinnamon into the white chocolate and stir to mix.
  • Using a drizzle spoon, drizzle the white chocolate over the cookies and let the chocolate set completely before storing or serving.
  • Store the cookies in an airtight container at room temperature for up to 4 days.

Notes

If you don’t have allergy friendly white chocolate or don’t like white chocolate, you can use an icing drizzle instead: 
    • 2 teaspoons dairy free milk
    • 1/4 cup + 2 Tablespoons powdered sugar
    • 1/8 teaspoon coffee powder (or 1/4 teaspoon for more coffee flavor)
    • 1/8 teaspoon ground cinnamon

Nutrition

Serving: 1cookie | Calories: 131kcal | Carbohydrates: 19g | Protein: 1g | Fat: 5g | Saturated Fat: 3g | Polyunsaturated Fat: 0.3g | Monounsaturated Fat: 2g | Trans Fat: 0g | Cholesterol: 0mg | Sodium: 54mg | Potassium: 30mg | Fiber: 1g | Sugar: 10g | Vitamin A: 0.03IU | Vitamin C: 0mg | Calcium: 21mg | Iron: 1mg
Did you make this recipe?Share a photo on Instagram and tag us @TheFitCookie!

Pin this for later!

A stack of gluten free mocha cookies drizzled with white chocolate sits on parchment paper.
5 from 1 vote (1 rating without comment)

Leave a Comment

Recipe Rating