Home » Valentine's Day Recipes » Heart-Shaped Sandwich Cookies with Vanilla Buttercream

Heart-Shaped Sandwich Cookies with Vanilla Buttercream

On

Updated

By Callie

There’s something incredibly special about a homemade cookie that someone took the time to shape, fill, and make beautiful just for you. That’s exactly why these heart-shaped sandwich cookies have become my go-to Valentine’s Day baking project for the past several years.

I still remember the first time I made these. My daughter had come home from school upset because all her friends were bringing store-bought treats to the class Valentine’s party, and she wanted to bring something different. We spent that evening in the kitchen together, rolling out dough, cutting hearts, and filling them with buttercream. The look on her face when she saw the finished cookies – and the reactions from her classmates the next day – made every flour-covered surface totally worth it.

What makes these sandwich cookies extra special is the gorgeous natural pink color. No artificial dyes here – just a tiny bit of beet juice that gives them that beautiful blush without adding any flavor. Plus, that creamy vanilla buttercream filling takes these from ordinary cutout cookies to something truly memorable. If you loved my Love Letter Butter Cookies, you’re going to be obsessed with these.

Whether you’re baking for a Valentine’s Day celebration, a bridal shower, or just because someone in your life deserves something sweet, these cookies deliver on both taste and presentation. Let me show you exactly how to make them.

Why You Will Love This Heart-Shaped Sandwich Cookies Recipe

  • Looks bakery-worthy but totally doable – These cookies seriously look like they came from a fancy bakery, but they’re made with basic ingredients and simple techniques anyone can master.
  • Naturally colored with no artificial dyes – The pretty pink comes from beet juice, which sounds weird but trust me – you can’t taste it at all. Perfect for anyone avoiding artificial food coloring.
  • Only 25 minutes of active time – Most of the work is just waiting for dough to chill and cookies to bake. The actual hands-on time is surprisingly short.
  • Perfect for baking with kids – My daughter loves helping cut out the hearts and spread the filling. It’s become our special tradition.
  • Melt-in-your-mouth texture – These aren’t crunchy or hard. They’re soft, tender, and absolutely buttery. The kind of cookie that practically dissolves on your tongue.
  • Make-ahead friendly – The dough can be refrigerated for days or frozen for weeks, so you can prep ahead and bake when you’re ready.
  • Great for gifting – Package these in a pretty box with tissue paper and you have a Valentine’s gift that shows serious thought and effort.
  • Easily adaptable – Gluten-free, vegan, dairy-free – whatever dietary needs you’re working with, this recipe can be adjusted.

Heart-Shaped Sandwich Cookies Ingredients

Let me walk you through everything you’ll need. The ingredient list is refreshingly short.

For the Cookies

  • 1 cup all-purpose flour – Spoon and level for accurate measuring
  • 1/4 teaspoon baking powder – Just a touch for slight lift without puffiness
  • 1/8 teaspoon salt – Balances the sweetness perfectly
  • 1/2 stick (4 tablespoons) unsalted butter, softened – Room temperature is key here
  • 1/2 cup granulated sugar – Regular white sugar works best
  • 1 large egg, at room temperature – Cold eggs can cause the butter to seize
  • 1/2 teaspoon pure vanilla extract – The real stuff makes a difference
  • 1/2 to 1 teaspoon beet juice – For that beautiful natural pink color

For the Vanilla Buttercream Filling

  • 1/4 cup unsalted butter, softened – Again, room temperature matters
  • 1 1/2 cups powdered sugar, sifted – Sifting prevents lumps
  • 2 teaspoons pure vanilla extract – This is where the flavor shines
  • 1-2 tablespoons whole milk – Only if needed to thin the frosting

Callie’s Kitchen Note: I get questions about the beet juice all the time. Here’s the deal – you literally cannot taste it. The amount is so small that it only affects the color, not the flavor. I’ve served these to people who hate beets and they had no idea. You can use fresh beet juice (just grate a beet and squeeze it through cheesecloth), bottled beet juice from the store, or even beet powder mixed with a tiny bit of water. Start with 1/2 teaspoon and add more until you reach your desired pink shade.

Notes on Ingredient Quality

Butter – Since butter is a main flavor in both the cookies and the filling, use the best quality you can afford. European-style butter with higher fat content makes an especially tender cookie.

Vanilla extract – Please use pure vanilla extract, not imitation. The flavor difference in buttercream is really noticeable. This is where your vanilla gets to shine.

Eggs and butter at room temperature – I know it’s tempting to skip this step, but room temperature ingredients cream together so much better. Set them out an hour before you start baking.

Ingredient Substitutions

  • Gluten-free – Use a 1:1 gluten-free baking flour. I’ve tested this with Bob’s Red Mill and King Arthur brands and both work well.
  • Vegan – Replace the egg with a flax egg (1 tablespoon ground flaxseed mixed with 3 tablespoons water, let sit 5 minutes). Use vegan butter for both cookies and filling.
  • Dairy-free – Use dairy-free butter and substitute the milk in the frosting with oat milk or coconut milk.
  • Different coloring – If you don’t have beet juice, pink gel food coloring works fine. Start with a tiny drop and add more as needed.

How to Make Heart-Shaped Sandwich Cookies

This recipe has a few steps, but none of them are difficult. The key is giving the dough enough time to chill so your hearts hold their shape beautifully.

Preparing the Cookie Dough

  1. In a medium bowl, whisk together the flour, baking powder, and salt. Set this aside.
  2. In a large bowl, use an electric mixer to cream the softened butter and sugar together on medium speed. Beat for about 3 minutes until the mixture is pale and fluffy. You’ll notice it gets lighter in color and increases in volume.
  3. Add the egg and vanilla extract. Beat until fully incorporated, scraping down the sides of the bowl as needed.
  4. Reduce the mixer speed to low and gradually add the dry ingredients. Mix just until the dough comes together – don’t overmix or your cookies will be tough.
  5. Add the beet juice and mix briefly, then turn the dough out onto a clean surface and knead gently by hand until the pink color is evenly distributed throughout. If you want a deeper pink, add a bit more beet juice.

Chilling and Rolling the Dough

  1. Shape the dough into a flat disk about 1 inch thick. Wrap tightly in plastic wrap and refrigerate for at least 1 hour, or up to 3 days. The dough needs to be firm to cut clean shapes.
  2. When you’re ready to bake, remove the dough from the fridge and let it sit at room temperature for about 10 minutes. It should be firm but not rock-hard.
  3. Preheat your oven to 325 degrees F and line two baking sheets with parchment paper.
  4. Lightly flour your work surface and rolling pin. Roll the dough out to just under 1/4 inch thick, working from the center outward and rotating the dough occasionally to keep it from sticking.
  5. Use a heart-shaped cookie cutter (about 2 inches is a nice size) to cut out shapes. Cut them as close together as possible to minimize scraps. Transfer the hearts to your prepared baking sheets, spacing them about 1 inch apart.

Callie’s Kitchen Note: Here’s a trick that changed my cookie game completely – after cutting out all your shapes, pop the entire baking sheet in the freezer for 15 minutes before baking. This firms up the butter again and prevents the cookies from spreading in the oven. Your hearts will keep their shape perfectly. I learned this after my first batch spread into little pink blobs that looked more like clouds than hearts. Not cute.

Baking the Cookies

  1. Bake the chilled cookies for 8-10 minutes, rotating the baking sheets halfway through for even baking. The cookies are done when they look set but still pale – they shouldn’t brown at all.
  2. Let the cookies cool completely on the baking sheets. They’re very delicate when warm and will break if you try to move them too soon. Give them at least 15-20 minutes.

Making the Vanilla Buttercream

  1. While the cookies cool, make your filling. In a medium bowl, beat the softened butter with an electric mixer on medium-high speed for about 3 minutes until it’s light and fluffy.
  2. Reduce the speed to low and gradually add the sifted powdered sugar, about half a cup at a time. Beat well after each addition.
  3. Add the vanilla extract and beat until smooth. If the frosting seems too thick to spread easily, add milk one tablespoon at a time until you reach a spreadable consistency. You want it thick enough to hold its shape but soft enough to spread without tearing the cookies.
heart shaped sandwich cookie

Assembling the Sandwich Cookies

  1. Match up your cooled cookies into pairs of similar sizes. Turn half of them bottom-side up.
  2. Spread or pipe about a tablespoon of buttercream onto the flat side of half the cookies. I like to pipe it for a neater look, but spreading with a small offset spatula works great too.
  3. Top with the matching cookies, flat side down, pressing gently to sandwich them together. The filling should come just to the edges but not squeeze out.

Common Mistakes to Avoid

Even experienced bakers can run into trouble with cutout cookies. Here’s what to watch for:

Skipping the chill time – I know it’s tempting to rush, but warm dough spreads like crazy and won’t hold its shape. That freezer step before baking makes a huge difference.

Rolling the dough too thin – If your dough is too thin, the cookies will be fragile and break when you try to sandwich them. Aim for just under 1/4 inch – thick enough to be sturdy but thin enough to be delicate.

Overbaking – These cookies should stay pale. If they start to brown around the edges, they’re overbaked and will be crunchy instead of melt-in-your-mouth soft. Watch them carefully after the 8-minute mark.

Using cold butter in the frosting – Cold butter makes lumpy buttercream. Let it soften at room temperature until you can easily press a finger into it, but it shouldn’t be melty.

Overmixing the dough – Once you add the flour, mix only until combined. Overmixing develops gluten and makes tough cookies.

Callie’s Kitchen Note: My biggest disaster with this recipe happened when I got impatient and tried to assemble the cookies while they were still slightly warm. The buttercream started melting and sliding everywhere – it was a mess. Now I actually put the cooled cookies in the fridge for 10 minutes before filling them if my kitchen is warm. The cold cookies help the buttercream set up faster and everything stays neat and pretty.

Storage and Reheating

These cookies keep beautifully, which makes them perfect for making ahead.

At room temperature – Store assembled sandwich cookies in an airtight container at room temperature for up to 3 days. Place parchment paper between layers to prevent sticking.

In the refrigerator – If your house is warm, refrigerate the filled cookies. Let them come to room temperature for about 15 minutes before serving for the best texture.

Freezing the dough – Wrapped tightly, the unbaked dough freezes for up to 2 months. Thaw overnight in the refrigerator before rolling and cutting.

Freezing baked cookies – Unfilled baked cookies freeze well for up to 2 months. Thaw at room temperature, then fill with fresh buttercream.

Freezing assembled cookies – You can freeze the finished sandwich cookies for up to 1 month. Thaw in the refrigerator, then bring to room temperature before serving.

Make-ahead tip – Make the dough up to 3 days ahead and refrigerate. Bake and fill the day before you need them for best freshness.

Heart-Shaped Sandwich Cookies Variations

Once you’ve mastered the basic recipe, try these fun twists:

Chocolate buttercream filling – Add 2 tablespoons of cocoa powder to the buttercream for a chocolate-vanilla combo that’s absolutely delicious.

Lemon sandwich cookies – Skip the beet juice and add lemon zest to the dough. Fill with lemon buttercream made by adding 1 tablespoon fresh lemon juice and 1 teaspoon lemon zest to the frosting.

Almond version – Replace the vanilla extract with almond extract in both the cookies and filling. Top with sliced almonds before baking for extra crunch.

Jam-filled hearts – Instead of buttercream, fill with raspberry or strawberry jam for a simpler but equally delicious version.

Red velvet style – Use red food coloring instead of pink and add 1 teaspoon of cocoa powder to the dough. Fill with cream cheese frosting.

Peppermint for holidays – Add 1/4 teaspoon peppermint extract to the buttercream and crush some candy canes on top for Christmas cookies.

Lavender cookies – Add 1/2 teaspoon dried culinary lavender to the dough and keep the buttercream vanilla. So elegant for bridal showers.

Serving Suggestions

These cookies are beautiful on their own, but here are some ways to make them even more special:

For Valentine’s Day – Arrange on a tiered serving stand with fresh roses nearby. Dust lightly with powdered sugar just before serving.

As gifts – Package 4-6 cookies in a clear cellophane bag tied with ribbon, or arrange in a small box lined with tissue paper.

For parties – Display on a white or pink cake stand. Add a few conversation heart candies around the base for extra Valentine’s flair.

Beverage pairings – These are amazing with hot cocoa, coffee, chai tea, or a cold glass of milk. For adults, a sparkling rose or sweet dessert wine complements them beautifully.

Presentation tip – Drizzle finished cookies with melted white chocolate in a zigzag pattern, or add a sprinkle of edible glitter for extra sparkle.

Heart-Shaped Sandwich Cookies FAQ

Can I use regular food coloring instead of beet juice?

Absolutely! Gel food coloring works great if you don’t have beet juice or don’t want to bother with it. Start with just a tiny bit – gel coloring is very concentrated. You can also use liquid food coloring, but you might need more to achieve a vibrant pink, which could slightly affect the dough’s texture. The beet juice is nice because it’s natural, but it’s definitely not required.

How do I prevent my cookies from spreading?

The freezer trick is your best friend here. After cutting out your heart shapes and placing them on the baking sheet, pop the whole thing in the freezer for 15 minutes before baking. This firms up the butter so the cookies hold their shape in the oven. Also make sure your dough was properly chilled before rolling, and don’t roll it too thin. If your kitchen is warm, work quickly so the dough doesn’t soften too much while you’re cutting.

Why is my buttercream grainy?

Grainy buttercream usually happens when the powdered sugar isn’t sifted or when you add it too quickly. Always sift your powdered sugar before using it – this takes an extra minute but makes a huge difference. Add the sugar gradually and beat well after each addition. If your buttercream is already grainy, try beating it on high speed for 3-4 minutes. Sometimes the extra mixing smooths it out.

How far in advance can I make these?

The dough can be made up to 3 days ahead and refrigerated, or frozen for up to 2 months. Baked unfilled cookies keep in an airtight container at room temperature for up to a week. Assembled sandwich cookies are best within 2-3 days but will keep up to a week refrigerated. For best results, I recommend baking the day before and filling the morning of your event.

Can I make these without a stand mixer?

Yes! You can use a hand mixer for both the cookie dough and the buttercream. It might take a bit longer to cream the butter and sugar properly, but it works fine. You can even make the dough by hand if you’re patient – just make sure your butter is very soft and use a wooden spoon to cream it with the sugar until fluffy, then stir in the remaining ingredients.

My cookies are too hard and crunchy – what went wrong?

Crunchy cookies usually mean they were overbaked or the dough was overmixed. These should bake until just set – they’ll still look slightly underdone when you take them out, and that’s perfect. They firm up as they cool. If you mixed the dough too much after adding the flour, gluten developed and made them tough. Next time, mix only until the flour just disappears.

Callie’s Kitchen Note: I always set my timer for 8 minutes and check the cookies then. They should look set on top but still pale – no browning at all. If you can see any golden color on the edges, they’re already overdone. It’s better to slightly underbake these than overbake them. They continue cooking a bit on the hot baking sheet as they cool.

Recipes You May Like

If these heart-shaped sandwich cookies have you in a Valentine’s Day baking mood, try these other favorites:

Heart-Shaped Sandwich Cookies

These heart-shaped sandwich cookies are honestly one of my favorite things to bake. There’s something so satisfying about pulling a batch of perfectly shaped pink hearts out of the oven, then sandwiching them together with fluffy vanilla buttercream. They’re the kind of treat that makes people feel truly special.

I hope you give this recipe a try and discover how doable (and fun!) it is to make bakery-worthy cookies at home. Whether you’re making them for your Valentine, your kids’ class party, or just because it’s a Tuesday and you want something pretty and delicious, these cookies deliver.

Drop a comment below and let me know how yours turn out! I love seeing your baking adventures, so tag me on social media or share your photos. And don’t forget to pin this recipe so you can find it again when cookie cravings strike.

Happy baking, friend!

Callie

Print

Heart-Shaped Sandwich Cookies with Vanilla Buttercream

5 Stars 4 Stars 3 Stars 2 Stars 1 Star

No reviews

These adorable heart-shaped sandwich cookies are naturally dyed the prettiest pink with beet juice and filled with a creamy vanilla buttercream. Perfect for Valentine’s Day, anniversaries, or any sweet occasion, these buttery cookies are as delicious as they are beautiful!

  • Author: Callie
  • Prep Time: 15 minutes (+1 hour chill time)
  • Cook Time: 10 minutes
  • Total Time: 1 hour 25 minutes
  • Yield: 24 sandwich cookies 1x
  • Category: Dessert
  • Method: Baking
  • Cuisine: American
  • Diet: Vegetarian

Ingredients

Scale

For the cookies:

  • 1 cup all-purpose flour
  • 1/4 teaspoon baking powder
  • 1/8 teaspoon salt
  • 1/2 stick unsalted butter, softened
  • 1/2 cup sugar
  • 1 egg, room temperature
  • 1/2 teaspoon vanilla extract
  • 1/21 teaspoon beet juice

For the buttercream filling:

  • 1/4 cup unsalted butter, softened
  • 1 1/2 cups powdered sugar
  • 2 teaspoons pure vanilla extract
  • 12 tablespoons whole milk, if needed

Instructions

  • Whisk together flour, baking powder, and salt.
  • Beat butter and sugar until pale and fluffy, about 3 minutes. Add egg and vanilla extract, mixing until combined.
  • Gradually add the dry ingredients on low speed until just combined. Add beet juice and knead until the dough is evenly pink.
  • Shape the dough into a disk, wrap in plastic wrap, and refrigerate for at least 1 hour.
  • Preheat oven to 325°F. Roll dough to 1/4 inch thick on a floured surface. Cut out heart shapes and place on parchment-lined baking sheets.
  • Freeze the cutouts for 15 minutes. Bake for 8–10 minutes, rotating halfway through. Let cool completely.
  • To make the filling, beat softened butter until fluffy. Gradually mix in powdered sugar and vanilla. Add milk 1 tablespoon at a time, if needed, for a spreadable consistency.
  • Spread buttercream onto the bottom of half the cookies. Top with remaining cookies, pressing gently to form sandwiches.

Notes

  • For a vegan version, use plant-based butter, almond milk, and a flaxseed egg.
  • To prevent sticking, ensure the dough is chilled and roll it on a lightly floured surface.
  • For a different flavor, add a pinch of cinnamon or almond extract to the dough.

Nutrition

  • Serving Size: 1 sandwich cookie
  • Calories: 120 kcal
  • Sugar: 13 g
  • Sodium: 25 mg
  • Fat: 5 g
  • Saturated Fat: 3 g
  • Unsaturated Fat: 2 g
  • Trans Fat: 0 g
  • Carbohydrates: 18 g
  • Fiber: 0.5 g
  • Protein: 1 g
  • Cholesterol: 15 mg

Did you make this recipe?

Share a photo and tag us — we can’t wait to see what you’ve made!

Leave a Comment

Recipe rating 5 Stars 4 Stars 3 Stars 2 Stars 1 Star