Heart Shaped Cookie Cake

This heart-shaped cookie cake is the perfect Valentine’s Day sweet treat, packed with candy and topped with a luscious pink buttercream.

heart shaped chocolate chip cookie cake, topped with heart sprinkles and pink frosting.

Valentine’s Day Cookie Cake

Growing up, I can remember that it was a big thing to get a chocolate chip cookie cake for your birthday or special occasions. When our mall got a gourmet cookie shop, it was so exciting!

With this recipe, you can make your own heart shaped cookie cake for Valentine’s Day! This is a deep-dish chocolate chip cookie that’s packed with chocolate, candy, and sprinkles, and topped with pink buttercream frosting.

The best part about this chocolate chip cookie cake is that you can customize it! Not only with candy and other add-ins, but also you can bake in a similar sized pan of a different shape. You can make cookie cakes for any special day!

In this recipe, we’ll show you how to make a cookie cake heart, but you can adapt this recipe to use in a circle pan or any other fun shaped cookie pan!

a heart shaped cookie cake with a piping bag of pink frosting.

Ingredients

  • 3/4ย cupย unsalted butter, softened
  • 3/4ย cupย light brown sugar,ย packed
  • 1/4ย cupย granulated sugar
  • 1ย egg
  • 2ย teaspoonsย vanilla extract
  • 2ย cupsย all-purpose flour
  • 2ย teaspoonsย cornstarch
  • 1ย teaspoonsย baking soda
  • 1/2ย teaspoonsย kosher salt
  • 1ย cupย semi-sweet chocolate chips
  • 1/2ย cupย semi-sweet chocolate chunks
  • 1/2ย cupย Red and White M&Mโ€™s
  • 1/2ย cupย pink and white heart sprinkles

Frosting Ingredients

  • 1 1/2ย cupsย unsalted butter, softened
  • 3ย cupsย powdered sugar
  • 4ย Tablespoonsย heavy whipping cream
  • 2ย teaspoonsย vanilla extract
  • Pink gel food coloring

For your convenience in re-creating this recipe, Iโ€™ve included shop-able ad links to some of the products we used. Read our disclosure policy here.

Helpful Kitchen Tools:

stack of chocolate chip cookie bars with pink frosting

Instructions

To Prep: Preheat oven to 350ยฐF and prep your heart shaped cookie cake pan with non-stick cooking spray. You can also use a regular round pan if you’re making a cookie cake for any occasion!

First, Make The Cookie Dough:

  1. Cream butter and sugars until fluffy and smooth, then beat in the eggs and vanilla extract.
  2. In a separate mixing bowl, which together dry ingredients.
  3. Slowly add flour mixture to wet ingredients, mixing as you go.
  4. Stir in chocolate chips, chocolate chunks, and M&Ms with a wooden spoon.

Next, Bake The Cookie Cake:

Once your dough is ready, scoop it into the cake pan and press down gently to fit. Top with sprinkles and bake for around 20 minutes, or until the edges just start to turn a light golden brown.

I like my cookie soft in the middle, so I take extra care not to over-bake. If you like your cookie a little more done, cook for another couple minutes.

Once the cookie pan is cool enough to handle, carefully remove cake from pan and place on a wire rack to cool completely.

While The Cookie Cools, Make The Frosting:

  1. Using a standing mixer, beat together all ingredients (except food coloring) until frosting is smooth and stiff peaks form.
  2. Add few drops of the pink coloring and mix until frosting is evenly colored.
  3. Scoop into a piping bag with star tip.
4 step photo collage showing how to make a heart-shaped cookie cake.

Now it’s time to decorate!

Pipe the frosting around the edge of the Valentines cookie cake and top with more sprinkles. You can even switch out the tip on your decorating bag and write a special Valentine’s Day message in frosting!

Video Demo:

Can I Make this Chocolate Chip Cookie Cake Gluten Free?

Yes! Simply swap out the flour for gluten free flour.

We recommend choosing an all-purpose gluten free flour for the task.

You may also want to check the packaging on the rest ingredients you’re using to make sure they are processed in a gluten-free facility, if cross-contamination is of concern.

holding a slice of Valentine's Day chocolate chip cookie cake.

More of our Favorite Valentine’s Day desserts:

dunking a piece of cookie cake in a glass of milk.

Valentine’s Day Cookie Cake Recipe (Printable Recipe Card)

If you like this recipe, please rate it! Weโ€™d also love to hear your thoughts in the comments below.

Want to Save This Recipe?

Enter your email & I’ll send it to your inbox.ย Plus, get great new recipes from me every week!

Save Post

By submitting this form, you consent to receive emails from The Soccer Mom Blog

heart shaped chocolate chip cookie cake, topped with heart sprinkles and pink frosting.
Print Recipe
5 from 10 votes

Heart Shaped Cookie Cake

This heart-shaped cookie cake is the perfect Valentine's Day sweet treat, packed with candy and topped with a luscious pink buttercream.
Prep Time15 minutes
Cook Time22 minutes
Total Time37 minutes
Course: Dessert
Cuisine: American
Keyword: cake, chocolate chip, cookies, Valentine’s Day
Servings: 12
Calories: 596kcal
Author: Stacey aka the Soccer Mom
Cost: $10

Equipment

  • Stand mixer
  • Piping bag
  • 9-inch Heart-shaped cake pan
  • Mixing bowls

Ingredients

Cookie Cake Ingredients

Frosting Ingredients

Instructions

To Make the Cake:

  • Preheat oven to 350ยฐF and prep pan with non-stick baking spray.
  • Using a standing mixer, cream butter and sugar until smooth and fluffy.
  • Mix in the egg and vanilla.
  • In a separate mixing bowl, whisk together dry ingredients.
  • Slowly mix dry ingredients into bowl of wet ingredients.
  • Fold in the chocolate chips, chocolate chunks and M&Ms by hand with a wooden spoon.
  • Press batter into the heart shaped pan.
  • Add pink and white heart sprinkles to top of cookie.
  • Bake at 350 for 20-25 minutes or until lightly browned on the sides.
  • Remove from oven and allow to cool completely before frosting.

For the Frosting:

  • Using a standing mixer to beat together all frosting ingredients (minus food coloring) until smooth and stiff peaks form.
  • Mix in a few drops of the pink coloring until you have a nice rich pink color.
  • Scoop frosting into piping bag fitted with a star tip.

To Decorate:

  • Pipe frosting along the edge of the cookie cake and finish with more sprinkles.
  • Feel free to use a fine tip in your decorating bag and write a Valentine message on the middle of the cookie in frosting!

Video

Notes

Note: Nutrition information is a rough estimate only; actual values will vary based on the exact ingredients used and amount of recipe prepared.
Frosting: This makes a big batch of frosting, and you’ll likely only use half to decorate the cookie. We based our nutrition calculations on half a batch of frosting.

Gluten Free Instructions:

To start, simply swap out the regular all-purpose flour for gluten free flour.ย I recommend choosing an all-purpose gluten free flour for the task.ย You may also want to check the packaging on the rest ingredients you’re using to make sure they are processed in a gluten-free facility, if cross-contamination is of concern.

Nutrition

Calories: 596kcal | Carbohydrates: 67g | Protein: 5g | Fat: 35g | Saturated Fat: 21g | Cholesterol: 81mg | Sodium: 410mg | Potassium: 178mg | Fiber: 3g | Sugar: 46g | Vitamin A: 793IU | Calcium: 49mg | Iron: 3mg

Pin this Valentine’s Day Cookie Cake Recipe on Pinterest:

collage image of heart shaped cookie cake and stack of chocolate chip cookie bars

You might also like:

close up of a heart shaped pizza made with biscuit dough.

Heart Shaped Mini Pizzas

holding up a heart shaped tortilla chip in front of a Valentine snack board.

Heart Shaped Tortilla Chips

Stacey aka the Soccer Mom
Latest posts by Stacey aka the Soccer Mom (see all)

Share this post:

Similar Posts

9 Comments

  1. Hi Stacy! I made this recipe the other day and it was a complete disaster. My fault. It spread a lot and poured out of the pan all over the bottom of the oven. I was wondering where I went wrong. Did i overfill the pan or was i supposed to leave a space and not press the down all the way to the edge? Can you give me some tips on how to avoid this?

  2. I used a 9 inch pan and the batter came to the top of the pan when baked! I think in an 8 inch you couod easily do 2 cookies from one batch of dough.

  3. How full do you suggest the pan to be? I’ve never made a cookie cake…my heart pans are a little over 7 inches. I know with a regular cake, pans shouldn’t be over 2/3 full. Thank you in advance!

  4. I made 3 heart shaped 8″ cookie cakes. All three of them sank! I followed your directions…not sure what happened.

5 from 10 votes (10 ratings without comment)

Leave a Reply

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

Recipe Rating