Home » Heart Shaped Cookie Cake with Marshmallow
|

Heart Shaped Cookie Cake with Marshmallow

This post contains links to affiliate websites, such as Amazon, and I receive an affiliate commission for any purchases made by you using these links. I appreciate your support!

This Heart Shaped Cookie Cake with marshmallow is a thick, chewy chocolate chip cookie cake baked in a heart-shaped pan with layers of gooey marshmallow ribbons throughout. It slices like a cake but tastes like your favorite bakery-style cookie.

Chocolate chip cookie cake baked in a heart shaped pan with chocolate hearts and pink sprinkles

Unlike many marshmallow cookie recipes that mix marshmallows directly into the dough (where they often melt away into the batter), this version uses marshmallow cream to create visible, soft ribbons that stay distinct in every slice. You get marshmallow flavor and texture in every bite.

Perfect for Valentine’s Day (or Galentine’s Day), this heart shaped cake also doubles as a thoughtful Mother’s Day dessert or edible birthday gift. It’s simple to make, doesn’t require complicated decorating, and best of all; there’s no chilling the dough.

Marshmallow filled cookie cake with visible white ribbon through the center

Turning a cookie into a cake is easier than you might think.
To make a chocolate chip marshmallow cookie cake, simply press cookie dough into a greased baking pan instead of scooping individual cookies onto a sheet. Because the dough bakes inside a pan, you don’t have to worry about cookies spreading or flattening, which means no chilling required.
For this Heart Shaped Cookie Cake, transfer the dough to a greased heart-shaped pan, layer in the marshmallow cream, top with more dough, bake, and slice.
The hardest part? Waiting for it to cool before cutting into it.

Cookie cake with marshmallow layer baked until golden brown

Why You’ll Love This Recipe

  • Thick, soft, and chewy in the center with lightly crisp edges
  • No dough chilling required
  • The pan keeps everything contained so it bakes up tall and moist
  • Marshmallow cream creates soft, gooey, visible ribbons baked right into the cookie cake instead of disappearing like regular marshmallows
  • Simple to slice and serve for small gatherings
  • Perfect for Valentine’s Day, Mother’s Day, or a birthday celebration
  • Easy to customize with colored sprinkles or a piped message for a beautiful edible gift
  • This chocolate chip cookie cake looks impressive but is secretly very easy to make.
Golden heart-shaped cookie with melted chocolate hearts and pink sprinkles in a red baking pan

Ingredients

Ingredients for heart-shaped chocolate chip cookie including marshmallow fluff, chocolate chips, brown sugar, butter, eggs, and chocolate hearts
  • Unsalted Butter: If using salted butter, omit the kosher salt
  • Brown Sugar: Either light or dark brown sugar is fine.
  • Granulated Sugar: Helps create crisp edges and balances sweetness.
  • Eggs: Bind the dough and give the cookie lift and structure.
  • Pure Vanilla Extract: You can substitute the same amount of vanilla bean paste, or scrape the seeds from half a vanilla bean pod, for a more pronounced vanilla flavor.
  • All-Purpose Flour: Weighing your flour will give you most accurate measure.
  • Cornstarch: Softens the crumb and helps create a thicker, bakery-style texture.
  • Kosher Salt: If using table salt, reduce the salt to 3/4 teaspoon.
  • Baking Soda: Gives the cookie a gentle rise.
  • Semi-Sweet Chocolate Chips: Or use milk chocolate chips if you prefer; this will give you a sweeter flavor profile.
  • Marshmallow Cream: Or use marshmallow fluff.
  • Chocolate Hearts: Milk of dark chocolate, for garnish.
  • Sprinkles: Any type of Valentine ‘s-themed sprinkles will do.
    Refer to the printable recipe card below for ingredient quantities and detailed instructions.
Creaming butter and sugars for heart shaped cookie cake dough
Mixing eggs and dry ingredients into cookie cake batter

1. Cream butter and sugars until light and fluffy.
2. Mix in eggs and vanilla, then add dry ingredients until just combined.

Chocolate chips folded into marshmallow chocolate chip cookie dough
Marshmallow cream spread over cookie dough in heart pan

3. Fold in chocolate chips until evenly distributed.
4. Spread three-quarters of the dough into the pan and add marshmallow cream.

Marshmallow cream swirled into cookie cake batter
Unbaked heart shaped cake topped with chocolate hearts and sprinkles

5. Top with remaining dough and smooth gently to cover.
6. Place chocolate hearts onto the top layer and add sprinkles.

No. Because the dough bakes in a pan, it stays contained and won’t spread like traditional cookies.

Marshmallow chocolate chip cookie cake slice with soft center

Substitutions & Variations

  • Swap the Chocolate: Try white chocolate chips or dark chocolate chunks. 
  • Make chocolate chip marshmallow cookies instead of this cookie cake recipe. Simply flatten a dough ball in the palm of your hand, add a teaspoon of marshmallow cream in the center, bring the edges of the dough together, and seal them. Refrigerate for 1 hour and then bake on a parchment-lined baking sheet at 350°F for 8-10 minutes.
  • Create mini heart shaped chocolate chip cookies: Use a heart cookie cutter and brush the marshmallow cream on top before baking. Bake for 8-10 minutes.
Slice of creamy coffee cheesecake topped with whipped cream and cocoa dusting on stacked white plates.

Join my newsletter!

Subscribe and get a new recipe each week + my bonus guide: ‘5 Easy Baking Tips That Will Change the Way You Bake. Forever’

Make Ahead and Storage Info

Room Temperature: Cookies with marshmallow cream tend to become quite sticky when stored for more than 2 days at room temperature. Store them in the refrigerator if you don’t eat them soon.
Refrigerator: Store cookie cake in an airtight container for up to 5 days. Let it come to room temperature before serving for the best texture.
Freezer: Wrap tightly and freeze for up to 3 months. Thaw overnight at room temperature before serving.

  • Grease the tablespoon and offset spatula when working with the marshmallow cream. It makes handling the sticky marshmallow much easier.
  • If the top begins to brown too quickly, loosely cover with aluminum foil for the remainder of the bake.
  • For more defined chocolate hearts, press them into the cookie immediately after baking the cookie cake, while it’s still warm, rather than before.
  • For clean slices, let the cookie cool fully and wipe the knife between cuts.
  • Do not over bake. This cookie cake is meant to have a slightly soft center with firmer outer edges. It will continue to set as it cools in the pan.
  • Marshmallows in cookies tend to disappear into the dough when baked, so make sure to use marshmallow cream or marshmallow fluff to keep the marshmallow intact after baking.
Gooey marshmallow chocolate chip cookie cake with soft center
How long to bake a cookie cake?

Baking times will vary depending on the size of your baking pan.  In a 9 x 2¼-inch heart-shaped pan the cookie cake takes about 25 minutes at 350°F to bake. Start checking for doneness after about 20 minutes. If the edges are golden and crisp, perform the toothpick text to see if the center is also ready. If the top browns too quickly, loosely tent with aluminum foil during the final minutes of baking.

Can I turn this into heart shaped chocolate chip cookies instead?

Yes, use a heart cookie cutter and brush the marshmallow cream on top before baking. Bake on a parchment lined baking sheet for 8-10 minutes at 350°F.

Can I make marshmallow stuffed cookies from this recipe?

es. To make marshmallow stuffed cookies, scoop the dough into balls and flatten each one slightly in the palm of your hand. Add about a teaspoon of marshmallow cream to the center, then bring the edges of the dough up and over the filling, sealing it completely. Refrigerate the filled dough balls for 1 hour to help prevent spreading. Bake on a parchment-lined baking sheet at 350°F for 8–10 minutes, until the edges are lightly golden and the centers are just set. These bake up like thick chocolate chip marshmallow cookies with a gooey center.

Delicious Starts Here

Like this recipe? Join my weekly newsletter for new recipes, kitchen tips, and seasonal inspiration; delivered fresh from my kitchen to yours 🧡

Chocolate chip cookie cake baked in a heart shaped pan with chocolate hearts and pink sprinkles

Heart Shaped Cookie Cake with Marshmallow

Thick and chewy Heart Shaped Cookie Cake with chocolate chips and gooey marshmallow ribbons baked right in.
*Quick Note Before You Dive In: This recipe card covers the basics, but if you want tips on getting gooey ribbons of marshmallow in your Heart Shaped Cookie Cake or how to handle the sticky marshmallow cream, scroll back up! Everything you need for foolproof results is in the post.
5 from 1 vote
Prep Time 15 minutes
Cook Time 30 minutes
Inactive Time 25 minutes
Total Time 1 hour 10 minutes
Course baked goods
Cuisine American
Servings 12
Calories 391 kcal

Ingredients
  

  • 2 ¼ cups (270g) all-purpose flour
  • 2 teaspoons cornstarch
  • 1 teaspoon kosher salt
  • ½ teaspoon baking soda
  • ¾ cup (170g) unsalted butter, room temperature
  • ¾ cup (160g) packed brown sugar
  • ½ cup (99g) granulated sugar
  • 2 eggs
  • 2 teaspoons pure vanilla extract
  • 1 cup (6 ounces) semi-sweet chocolate chips
  • 5 tablespoons (32g) marshmallow cream
  • 6 (42g) dark or milk chocolate hearts I used Dove milk chocolate hearts
  • Sprinkles for garnish

Instructions
 

  • Preheat the oven to 350°F.
  • Grease a 9 x 2¼-inch heart-shaped baking pan and place two strips of parchment paper perpendicular to each other, allowing them to hang over the edges to act as pull handles.
  • In a medium bowl, whisk together the flour, cornstarch, salt, and baking soda. Set aside.
  • In a large mixing bowl, beat the butter and sugars on medium-high speed for 3-4 minutes until fluffy and light in color, scraping down the as needed.
  • Reduce the speed to low and add the eggs and vanilla extract. Mix until fully combined.
  • Add the flour mixture and mix until just combined. Do not overmix.
  • Fold in the chocolate chips.
  • Transfer ¾ of the cookie dough to the prepared pan. Smooth the layer with an offset spatula, making sure to work the dough into the corners of the pan.
  • Dollop the marshmallow cream onto the cookie dough layer and smooth it out with a lightly greased offset spatula.
  • Top with the remaining cookie dough, making sure that most of the marshmallow layer is covered.
  • Place the chocolate hearts on top and add sprinkles if desired.
  • Bake for approximately 25 minutes or until the edges turn golden brown, the center is just set, and a toothpick comes out mostly clean. The cookie cake will continue to cook as it cools.
  • Cool in the pan on a wire rack for 15 minutes. If needed, run a small offset spatula around the edges to release the cookie cake from the sides.
  • Use the parchment paper handles to lift the cookie from the pan and cool for another 10 minutes before slicing.

Notes:

Line the pan with parchment strips to make removal easy and clean. As you can see in the step-by-step images, in my first attempt at making this cookie, I only greased the baking pan (it made removal a bit more difficult). So try and line the baking pan with parchment instead.
If you happen to see the step-by-step video I created, I added the heart-shaped chocolate pieces right after baking when the cookie was still soft. You can try this instead of adding them before baking to give you a more defined heart shape.
Grease the tablespoon and offset spatula when working with the marshmallow cream. This makes handling the sticky marshmallow much easier.
For more defined chocolate heart shapes, press them into the cookie immediately after baking instead of before.
Cover with aluminum foil halfway through baking if the top gets too dark.
For clean slices, let the cookie cool completely. Rinse and wipe your knife between cuts.

Nutrition

Serving: 98gCalories: 391kcalCarbohydrates: 52gProtein: 5gFat: 19gSaturated Fat: 11gPolyunsaturated Fat: 1gMonounsaturated Fat: 5gTrans Fat: 0.5gCholesterol: 59mgSodium: 259mgPotassium: 143mgFiber: 2gSugar: 30gVitamin A: 402IUCalcium: 37mgIron: 2mg
Keyword bakery-style, birthday cake, chocolate chip, cookie cake, edible gifts, galentines, marshmallow cookies, Mother’s Day dessert, Valentine’s Day dessert
Enjoy this recipe?Please leave a comment and tag me @aspicedlifeblog on social
Food blogger Katrina from A Spiced Life smiling in her kitchen, wearing a beige apron, with eggs and a jar of milk on the counter, next to a thank you message for readers.

A Festive Dessert for Valentine’s Day or Mother’s Day

This Heart Shaped Cookie Cake makes an easy, homemade dessert that is thoughtful and celebratory. The heart shape makes it perfect for Valentine’s Day, but it’s just as meaningful for Mother’s Day or as a homemade birthday gift. Planning a Mother’s Day brunch? These Banana Peach Papaya Smoothies are perfect for the occasion. And if you’re looking for another edible gift idea, try my decadent Salted Caramel Sauce.

Similar Posts

One Comment

  1. 5 stars
    I love the soft center and crisp edges I get from baking this cookie cake in a pan, instead of as a batch of cookies – a fun Valentine’s Day or Mother’s Day gift idea!

Leave a Reply

Your email address will not be published. Required fields are marked *

Recipe Rating