If you’re looking to wow your friends and family with a treat that’s as charming as it is delicious, this Heart Shaped Chocolate Chip Cookie Cake with Pink M&Ms and Sprinkles Recipe is about to become your new best friend in the kitchen. It’s the perfect blend of a soft, chewy cookie loaded with classic semi-sweet chocolate chips, festive pink M&Ms, and adorable heart sprinkles, all baked into a lovely heart shape that just screams celebration. Whether it’s Valentine’s Day, a birthday, or just a day when you want to spread some sweetness, this cookie cake is guaranteed to impress and delight every bite of the way.

Ingredients You’ll Need
Getting started with this Heart Shaped Chocolate Chip Cookie Cake with Pink M&Ms and Sprinkles Recipe couldn’t be simpler. Each ingredient was chosen to create the perfect balance of rich flavor, tender texture, and visual appeal.
- ¾ cups unsalted butter (softened): The base fat that gives the cookie cake its soft, melt-in-your-mouth texture.
- ¾ cups light brown sugar (packed): Adds a caramel undertone and keeps the cookie moist and tender.
- ¼ cups sugar: Balances sweetness and helps create a slight crisp edge around the cookie.
- 1 large egg: Binds the ingredients and contributes to the cake’s structure.
- 2 tsp pure vanilla extract: Enhances all the flavors with a warm, aromatic touch.
- 2 cups flour: Provides the sturdy heart shape and soft crumb we’re after.
- 2 tsp cornstarch: Makes the cookie tender and adds a slight bounce to each bite.
- 1 tsp baking soda: The leavening agent that helps the cookie rise perfectly.
- ½ tsp kosher salt: Balances the sweetness and enhances the chocolate’s richness.
- 1 ½ cups semi sweet chocolate chips: Classic melty chocolate that’s an absolute must.
- 1 ½ cups semi sweet chocolate chunks: Adds texture and chocolatey pockets of goodness.
- 1 ½ cups Red and White M&M’s: Brings colorful crunch and festive charm.
- ½ cup pink and white heart sprinkles: For that extra pop of fun and festive decoration.
- 1 ½ cups unsalted butter (softened) for frosting: The creamy base for the dreamy pink frosting.
- 3 cups powdered sugar: Sweetens and thickens the frosting just right.
- 4 tbsp heavy whipping cream: Gives the frosting a luscious, spreadable texture.
- 2 tsp vanilla extract: Infuses the frosting with a warm, inviting flavor.
- Pink gel food coloring: Creates that lovely blush pink frosting color.
- Pink and White heart sprinkles (extra): For finishing touches on top of the frosting.
How to Make Heart Shaped Chocolate Chip Cookie Cake with Pink M&Ms and Sprinkles Recipe
Step 1: Prepare Your Pan and Oven
First things first, preheat your oven to 350 degrees Fahrenheit and generously spray a 9-inch heart-shaped baking pan with baking spray. This ensures your cookie cake will release easily and keeps its delightful shape intact.
Step 2: Cream Butter and Sugars
Using a standing mixer, beat together the softened butter, light brown sugar, and sugar until the mixture is creamy, smooth, and utterly irresistible. This creaming step is key for a tender crumb and lovely texture in your final cookie cake.
Step 3: Add Egg and Vanilla
Next, incorporate the egg and pure vanilla extract into your butter-sugar mixture. Beat it until everything is well combined; this adds moisture and depth to your batter.
Step 4: Combine Dry Ingredients
In a separate bowl, whisk together the flour, cornstarch, baking soda, and kosher salt. This helps to evenly distribute the leavening agents and seasoning so each bite is perfectly balanced.
Step 5: Mix Dry and Wet Ingredients
Gradually add the dry ingredients into your wet mixture, beating just until combined. Be careful not to overmix — you want the dough to stay tender and soft.
Step 6: Fold in the Chocolates and M&Ms
This is the fun part! Gently fold in your semi-sweet chocolate chips, chunks, and the red and white M&M’s. Every bite of the cookie cake will burst with sweet, melty chocolate and festive crunch.
Step 7: Shape and Add Sprinkles
Press the cookie dough evenly into the prepared heart-shaped pan, making sure it’s all nice and uniform. Sprinkle the pink and white heart sprinkles on top for that extra cheerful and romantic look before baking.
Step 8: Bake to Perfection
Bake your cookie cake in the preheated oven for about 20-22 minutes, or until the edges turn a lovely light golden brown. Don’t overbake, as you want the cookie to stay soft and chewy in the center.
Step 9: Cool Completely Before Frosting
Once baked, remove your cookie cake from the oven and allow it to cool completely in the pan — patience here is key to avoid melting the frosting later.
Step 10: Prepare and Spread the Frosting
With your mixer, whip together the softened butter, powdered sugar, heavy cream, vanilla, and pink gel food coloring until you have a fluffy, pastel-pink frosting. Spread it lovingly over your cooled cookie cake, then scatter a few more heart sprinkles on top for a perfect finishing touch.
How to Serve Heart Shaped Chocolate Chip Cookie Cake with Pink M&Ms and Sprinkles Recipe

Garnishes
Add an extra sprinkle of pink and white hearts right before serving to keep the presentation joyful and fresh. You can even add a few edible glitter flakes for a hint of sparkle that matches the festive vibe.
Side Dishes
Keep it simple with a chilled glass of milk or warm cup of coffee to pair beautifully with the sweetness of the cookie cake. For a brunch option, serve alongside fresh berries for a bright contrast.
Creative Ways to Present
Present your cookie cake on a rustic wooden board or atop a delicate cake stand to highlight its heart shape. Wrap it up in cellophane with a pretty ribbon, and watch as your loved ones’ faces light up when they receive this edible piece of art.
Make Ahead and Storage
Storing Leftovers
Store your cookie cake in an airtight container at room temperature for up to 3 days. This keeps it soft and fresh, making every slice as delightful as the first.
Freezing
You can freeze the unfrosted cookie cake tightly wrapped in plastic wrap for up to 2 months. Thaw it overnight in the fridge before frosting, or wrap the frosted cake in plastic and freeze for up to a month; just thaw in the fridge to preserve the frosting’s texture.
Reheating
To enjoy a warm slice, gently reheat individual portions in the microwave for 15-20 seconds. This will revive the gooey chocolate chips and soften the cake without drying it out.
FAQs
Can I use a regular round pan instead of a heart-shaped one?
Absolutely! While the heart shape adds a festive flair, a regular 9-inch round pan will work perfectly and still deliver that soft, delicious cookie cake experience.
What if I don’t have pink M&Ms? Can I use other colors?
Feel free! The pink M&Ms fit the theme beautifully, but any color combination you like will keep this cookie cake vibrant and fun.
Is it possible to make this recipe gluten-free?
You can swap the all-purpose flour for a gluten-free blend, but be mindful of texture changes and baking times. It might take a couple of tries to perfect it.
Can I make this cookie cake dairy-free?
With a few substitutions like using dairy-free butter and skipping the frosting or using a dairy-free frosting alternative, you can enjoy this cookie cake while keeping it dairy-free.
How thick should the cookie dough layer be in the pan?
Press the dough to about 1 inch thick so it bakes evenly, staying soft in the center while gently crisp on the edges.
Final Thoughts
This Heart Shaped Chocolate Chip Cookie Cake with Pink M&Ms and Sprinkles Recipe is just so much fun to make and eat. It’s festive, colorful, and full of love in every bite. Whether it’s for a special occasion or just to brighten up your day, I can’t recommend it enough—grab your heart pan and get baking. You’ll be so proud (and your taste buds will thank you endlessly)!
Print
Heart Shaped Chocolate Chip Cookie Cake with Pink M&Ms and Sprinkles Recipe
- Prep Time: 10 minutes
- Cook Time: 25 minutes
- Total Time: 35 minutes
- Yield: 24 servings
- Category: Dessert
- Method: Baking
- Cuisine: American
Description
This heart-shaped cookie cake is a delightful twist on the classic cookie, baked in a charming heart pan and generously studded with chocolate chips, chunks, and festive M&M’s. Topped with a creamy homemade pink frosting and sprinkled with heart-shaped decorations, it’s perfect for celebrations and sharing with loved ones.
Ingredients
Cookie Cake
- ¾ cups unsalted butter, softened
- ¾ cups light brown sugar, packed
- ¼ cups granulated sugar
- 1 large egg
- 2 tsp pure vanilla extract
- 2 cups all-purpose flour
- 2 tsp cornstarch
- 1 tsp baking soda
- ½ tsp kosher salt
- 1 ½ cups semi-sweet chocolate chips
- 1 ½ cups semi-sweet chocolate chunks
- 1 ½ cups Red and White M&M’s
- ½ cup pink and white heart sprinkles
Frosting
- 1 ½ cups unsalted butter, softened
- 3 cups powdered sugar
- 4 tbsp heavy whipping cream
- 2 tsp vanilla extract
- Pink gel food coloring, to desired shade
- Pink and white heart sprinkles, for decoration
Instructions
- Preheat and Prepare Pan: Preheat your oven to 350°F (175°C). Spray a 9-inch heart-shaped baking pan with non-stick baking spray to ensure easy removal of the cookie cake.
- Cream Butter and Sugars: In a stand mixer, beat the softened butter, light brown sugar, and granulated sugar together until the mixture is creamy and smooth. Then, add in the egg and vanilla extract, beating until the mixture is fully combined.
- Mix Dry Ingredients: In a separate medium bowl, whisk together the all-purpose flour, cornstarch, baking soda, and kosher salt to combine evenly.
- Combine Wet and Dry Ingredients: Gradually add the dry ingredient mixture to the wet ingredients in the mixer, beating just until combined to avoid overmixing the dough.
- Add Mix-ins: Gently fold in the semi-sweet chocolate chips, chocolate chunks, and Red and White M&M’s with a spatula to distribute them evenly throughout the dough.
- Press Batter into Pan: Transfer the cookie dough into the prepared heart-shaped pan, pressing it evenly across the bottom and edges. Sprinkle the pink and white heart sprinkles evenly on top for a festive touch.
- Bake: Place the pan in the preheated oven and bake for 20 to 22 minutes, or until the edges are lightly browned and a toothpick inserted in the center comes out mostly clean with just a few moist crumbs.
- Cool Completely: Remove the cookie cake from the oven and allow it to cool completely in the pan. Cooling fully is essential before frosting to prevent melting.
- Prepare Frosting: In the clean stand mixer bowl, beat the softened butter until creamy. Gradually add the powdered sugar, heavy whipping cream, and vanilla extract, continuing to beat until smooth and fluffy. Add pink gel food coloring a little at a time until you reach your desired shade of pink.
- Decorate Cookie Cake: Once the cookie cake is fully cooled, spread the pink buttercream frosting evenly over the top. Finish by sprinkling additional pink and white heart sprinkles for added decoration.
Notes
- Make sure the butter is softened at room temperature for easier mixing.
- Do not overbake the cookie cake to keep it soft and chewy.
- You can substitute M&M’s with your favorite candy or chocolate pieces.
- For a gluten-free option, use a gluten-free all-purpose flour blend.
- Store leftovers in an airtight container at room temperature for up to 3 days or refrigerate for up to a week.
- Frosting can be tinted with different colors to customize for any occasion.

