The Soccer Mom Blog logo

The Soccer Mom Blog

  • Family
    • Easy DIY & Craft Ideas
    • For The Home
    • Holiday Fun for Families
    • Houston Events for Kids & Family
    • Parenting Tips
    • Saving Money
    • Travel
  • Food
  • For Moms
    • Beauty Tips for Moms
    • Fitness & Healthy Lifestyle
    • Motherhood
    • Pregnancy & Breastfeeding
  • Kids Activities
    • Kids Activities and Crafts
    • How to Make Slime
    • Edible Slime
    • All Slime Recipes
  • Start a Blog
  • Work With Me
  • About
    • About Me
    • What’s New
  • SHOP
  • Privacy
Home » Recipes » Holiday Recipes » Heart Shaped Cookie Cake

January 26, 2020 · Updated February 9, 2021 · Leave a Comment

Heart Shaped Cookie Cake

Desserts· Holiday Recipes· Party Recipes· Recipes

Jump to Recipe Print Recipe

Show your love with this sweet Valentine’s Day Cookie Cake! This heart shaped cookie cake is made with a fresh baked extra thick chocolate chip cookie and topped with delicious pink buttercream frosting. It only takes about 30 minutes to make!

Valentine cookie cake with pink frosting and sprinkles

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 Great American Cookie shop, it was exciting!

With this recipe, you can make your own heart shaped cookie cake for Valentine’s Day! This is a classic chocolate chip cookie recipe finished with a yummy pink buttercream frosting.

And candy… lots of candy!! Because we CAN!!

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!

heart shaped chocolate chip cookie cake

For your convenience in re-creating our heart shaped chocolate chip cookie cake, I’ve included shop-able ad links to some of the products we used. Disclosure policy available here.

What You Need to Make a Valentines Cookie Cake

  • Butter —  Make sure to use unsalted butter, as we already add salt to the recipe. We will need butter for both the cookie dough and the buttercream frosting.
  • Light brown sugar — For that rich chocolate chip cookie flavor!
  • White sugar — Two kinds of sugar is better than one, right? 😉
  • Egg 
  • Vanilla extract — We will use vanilla extract in both the chocolate chip cookie dough and the buttercream frosting.
  • Flour — You can make this a gluten free recipe by swapping  regular flour with all purpose gluten free flour!
  • Cornstarch
  • Baking soda
  • Kosher salt
  • Semi sweet chocolate chips — Feel free to use milk chocolate, white chocolate, or dark chocolate…whichever is your favorite…or all of them!
  • Semi sweet chocolate chunks
  • Red and White M&M’s — An optional add-in that makes our cookie cake look especially festive!
  • Powdered sugar — A staple in classic buttercream frosting.
  • Heavy whipping cream — We’ll need a few Tablespoons for our frosting.
  • Pink gel food coloring — We love gel food coloring because you only need a couple drops to achieve rich vibrant colors! Because you only use a little, the bottle lasts a long time too!
  • Pink and white heart sprinkles — We’ll use sprinkles in both the cookie dough and to decorate!

Special Kitchen Tools Used

  • 10″ Heart shaped cookie pan or 9″ heart shaped cake pan — We used the 9″ cake pan, which is deeper. If using the cookie pan, you may need to reduce baking time slightly.
  • 1 large piping bag with star tip — We bought a kit that included a reusable silicone piping bag and multiple decorating tips. It’s awesome and we use it all the time! (Great gift idea!)

stack of chocolate chip cookie bars with pink frosting

How to Make a Heart Shaped Cookie Cake

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 your chocolate chip 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.

chocolate chip cookie dough batter with Valentine candy in bowl

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 minute or two.

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

Valentine's Day chocolate chip cookie dough in cake pan

While the cookie cools, make your 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.

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!

close up of a chocolate chip cookie cake with pink frosting

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.

More of our Favorite Valentine’s Day desserts:

  • Very Cherry Dump Cake
  • Valentine Pretzel Treats
  • Red Lips Valentine Cookies
  • Queen of Hearts Homemade Pop Tarts
  • Conversation Heart Marshmallow Pops

dipping a piece of cookie cake in a glass of milk

Grab a free printable copy of our Valentine’s Day Cookie Cake Recipe:

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

heart shaped chocolate chip cookie cake
Print Recipe
5 from 4 votes

Heart Shaped Cookie Cake

Show your love with this sweet Valentine's Day Cookie Cake! This heart shaped cookie cake is made with a fresh baked extra thick chocolate chip cookie and topped with delicious pink buttercream frosting.
Prep Time15 mins
Cook Time22 mins
Total Time37 mins
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
  • Heart shaped cake pan
  • Mixing bowls

Ingredients

Cookie Cake Ingredients

  • ¾ Cup butter unsalted, softened
  • ¾ Cup light brown sugar packed
  • ¼ Cup sugar
  • 1 egg
  • 2 teaspoons vanilla extract
  • 2 Cup flour
  • 2 teaspoons cornstarch
  • 1 teaspoons baking soda
  • ½ 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
  • ½ Cup pink and white heart sprinkles

Frosting Ingredients

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

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-22 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!

Notes

Note: Nutrition information is a rough estimate only; actual values will vary based on the exact ingredients used and amount of recipe prepared.
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.

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:

stack of strawberry champagne cookies with pink sprinkles

Pink Strawberry Champagne Cookies

 

These adorable Ladybug Oreo Truffles are a sweet treat that's perfect for the love bug in your life!

Ladybug Oreo Valentine Truffles

  • Author
  • Recent Posts
Stacey aka the Soccer Mom
Stacey aka the Soccer Mom
Stacey is the creator of The Soccer Mom Blog, a Houston Texas mom blog that focuses on positive living for women and families. She loves to share real food recipes, money-saving tips, parenting encouragement, kids activities, DIY tutorials, home hacks, fitness, and so much more! To get to know Stacey even better, click here.
Stacey aka the Soccer Mom
Latest posts by Stacey aka the Soccer Mom (see all)
  • Cinderella Cooler Mocktail - May 19, 2022
  • How to Get Rid of Cradle Cap - May 19, 2022
  • Watermelon Margarita Jello Shots - May 17, 2022

Share this post:

2111 shares
  • Share
  • Tweet
  • Email
Previous Post: « Pink Strawberry Champagne Cookies
Next Post: Instant Pot Godiva Chocolate Cheesecake »

Reader Interactions

Leave a Reply Cancel reply

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

Recipe Rating




Primary Sidebar


Hi there, my name is Stacey and I'm so glad you're here! I created this site to be a positive resource for moms and families. If it's your first time, I recommend that you click HERE to see what The Soccer Mom Blog is all about!
email facebook Pinterest Instagram twitter

Search the Blog:

Footer

Posts You Might Like

  • homemade ant killer
  • edible slime
  • how to make slime with contact solution
  • hair tourniquet

Popular Posts

  • Air Fryer Fried Ice Cream
  • Laying with Your Kids at Night is Not a Bad Habit
  • Crown Peach Jello Shots
  • Campfire Cocktail

The Soccer Mom Blog

  • About Me
  • Work With Me
  • Shop
  • Disclosure

The Soccer Mom Blog is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com.

Love the fonts you see? I found some of them here and you can too!

Copyright © 2022 · The Soccer Mom Blog · Design by Monique B Designs

2111 shares