Hot Cocoa Mug Cookie Stack

Featured in: Weekend Home-Bake Treats

Experience a delightful treat featuring rich chocolate cookies layered with fluffy marshmallow frosting. These stacks mimic cozy mugs of hot cocoa, combining cocoa powder-infused dough with creamy frosting and mini marshmallow decorations. Baked to tender perfection and finished with melted chocolate drizzle and optional candy cane handles, this dessert is a playful and indulgent delight for shared moments.

Updated on Wed, 10 Dec 2025 12:06:00 GMT
Delectable hot cocoa mug cookie stack, layered with fluffy frosting, perfect for dessert enjoyment. Save
Delectable hot cocoa mug cookie stack, layered with fluffy frosting, perfect for dessert enjoyment. | wheatsprig.com

A playful, decadent dessert featuring layers of chocolate cookies and fluffy marshmallow frosting, stacked to resemble a cozy mug of hot cocoa.

Ingredients

  • Cookies: 1 1/2 cups (190 g) all purpose flour, 1/2 cup (50 g) unsweetened cocoa powder, 1/2 tsp baking soda, 1/4 tsp salt, 1/2 cup (115 g) unsalted butter softened, 3/4 cup (150 g) granulated sugar, 1/4 cup (50 g) brown sugar, 1 large egg, 1 tsp vanilla extract, 2 tbsp milk
  • Marshmallow Frosting: 1 cup (225 g) unsalted butter softened, 2 cups (240 g) powdered sugar sifted, 1 jar (7 oz/200 g) marshmallow crème, 1 tsp vanilla extract, Pinch of salt
  • Decorations: 1/2 cup (85 g) mini marshmallows, 1/4 cup (40 g) chocolate chips melted (for drizzling), 8 mini candy canes (optional for mug handles)

Instructions

Product image
Blend smoothies, sauces, dips, and prep ingredients quickly for fast meals and everyday cooking.
Check price on Amazon
Step 1:
Preheat oven to 350°F (175°C). Line 2 baking sheets with parchment paper.
Step 2:
In a medium bowl, whisk flour, cocoa powder, baking soda, and salt.
Step 3:
In a large bowl, beat butter and both sugars until light and fluffy, about 2 minutes.
Step 4:
Add egg and vanilla, beating until combined.
Step 5:
Mix in half the dry ingredients, then the milk, then the rest of the dry ingredients.
Step 6:
Scoop tablespoon sized balls onto baking sheets, flattening slightly to 2 inch rounds.
Step 7:
Bake for 10–12 minutes until set but still soft. Cool completely.
Step 8:
For frosting, beat butter until creamy. Gradually beat in powdered sugar. Mix in marshmallow crème, vanilla, and salt until fluffy.
Step 9:
To assemble, spread a thick layer of frosting on a cookie, top with another cookie. Repeat to form stacks of three cookies each.
Step 10:
Spread frosting on top, sprinkle with mini marshmallows, and drizzle with melted chocolate.
Step 11:
Press a mini candy cane into the side to create a mug handle, if using.
Step 12:
Chill stacks 10 minutes before serving for best results.
Product image
Blend smoothies, sauces, dips, and prep ingredients quickly for fast meals and everyday cooking.
Check price on Amazon
Product image
Blend smoothies, sauces, dips, and prep ingredients quickly for fast meals and everyday cooking.
Check price on Amazon
Save
| wheatsprig.com

Notes

For a festive touch, use colored sprinkles or crushed peppermint on top. Substitute store bought chocolate cookies for a shortcut. Pair with hot cocoa or coffee for a cozy treat.

Required Tools

Mixing bowls Electric mixer Baking sheets Parchment paper Offset spatula or knife

Nutritional Information

Calories: 410 Total Fat: 20 g Carbohydrates: 56 g Protein: 3 g

Homemade hot cocoa mug cookie stack, topped with melted chocolate and mini marshmallows, a delicious treat. Save
Homemade hot cocoa mug cookie stack, topped with melted chocolate and mini marshmallows, a delicious treat. | wheatsprig.com
Product image
Melt chocolate or cheese smoothly for dipping fruits, pretzels, and snacks during desserts and parties.
Check price on Amazon

Recipe Q&A

What is the best way to assemble the cookie stacks?

Spread a thick layer of marshmallow frosting between each cookie and stack three cookies high. Top with frosting, mini marshmallows, and drizzle melted chocolate for a festive finish.

Can I prepare the cookie dough ahead of time?

Yes, you can prepare the dough and refrigerate it for up to 24 hours before baking to enhance flavors and ease the baking process.

How do I achieve the soft texture in the cookies?

Baking the cookies for 10-12 minutes ensures they are set but still tender. Avoid overbaking to maintain softness.

Are there alternatives for the marshmallow frosting?

You can substitute with whipped cream or cream cheese frosting, though the marshmallow crème adds a signature fluffy texture and sweetness.

What utensils are recommended for decorating the cookie stacks?

Use an offset spatula for even frosting application and a spoon or piping bag for drizzling melted chocolate for best results.

Hot Cocoa Mug Cookie Stack

Chocolate cookie layers with marshmallow frosting create a cozy, indulgent stack perfect for festive moments.

Prep Time
30 min
Time to Cook
12 min
Overall Time
42 min
Recipe By Riley Scott


Skill Level Medium

Cuisine American

Makes 8 Number of Servings

Diet Details Meat-Free

What You’ll Need

Cookies

01 1 1/2 cups all-purpose flour
02 1/2 cup unsweetened cocoa powder
03 1/2 teaspoon baking soda
04 1/4 teaspoon salt
05 1/2 cup unsalted butter, softened
06 3/4 cup granulated sugar
07 1/4 cup brown sugar
08 1 large egg
09 1 teaspoon vanilla extract
10 2 tablespoons milk

Marshmallow Frosting

01 1 cup unsalted butter, softened
02 2 cups powdered sugar, sifted
03 7 ounces marshmallow crème
04 1 teaspoon vanilla extract
05 Pinch of salt

Decorations

01 1/2 cup mini marshmallows
02 1/4 cup melted chocolate chips
03 8 mini candy canes (optional)

Method

Step 01

Preheat oven and prepare baking sheets: Preheat oven to 350°F. Line two baking sheets with parchment paper.

Step 02

Combine dry ingredients: In a medium bowl, whisk together flour, cocoa powder, baking soda, and salt.

Step 03

Cream butter and sugars: In a large bowl, beat softened butter with granulated and brown sugars until light and fluffy, about 2 minutes.

Step 04

Incorporate egg and vanilla: Add the egg and vanilla extract to the butter mixture; beat until fully combined.

Step 05

Mix dry ingredients with milk: Add half of the dry ingredients to the wet mixture, then the milk, followed by the remaining dry ingredients; mix until just combined.

Step 06

Shape cookie dough: Scoop tablespoon-sized portions onto baking sheets, flattening each to approximately 2-inch rounds.

Step 07

Bake cookies: Bake for 10 to 12 minutes until set but soft. Allow to cool completely.

Step 08

Prepare marshmallow frosting: Beat butter until creamy. Gradually add powdered sugar, then mix in marshmallow crème, vanilla, and salt until fluffy.

Step 09

Assemble cookie stacks: Spread a thick layer of frosting on one cookie, top with another cookie; stack three cookies per stack repeating layers.

Step 10

Decorate stacks: Spread frosting on the top cookie, sprinkle with mini marshmallows, and drizzle melted chocolate over the top.

Step 11

Add candy cane handles: Optionally, press a mini candy cane into the side of each stack to resemble a mug handle.

Step 12

Chill before serving: Refrigerate the stacks for 10 minutes prior to serving to set frosting and enhance flavors.

What You’ll Need

  • Mixing bowls
  • Electric mixer
  • Baking sheets
  • Parchment paper
  • Offset spatula or knife

Allergy Info

Review every ingredient for allergens and speak with a healthcare provider if you’re unsure.
  • Contains wheat (gluten), eggs, and dairy. May contain soy from chocolate chips or marshmallow crème.

Nutritional info (per portion)

This data is just a guideline and shouldn’t replace medical input.
  • Energy (kcal): 410
  • Fat Content: 20 g
  • Carbohydrates: 56 g
  • Proteins: 3 g