These Brown Butter Heart Cookies are a gourmet twist on sugar cookies! They have a deep, rich, caramelized taste, and are decorated with beautifully painted fondant designs that are also SUPER easy to make!

Brown Butter Heart Cookies - ombre sugar cookies in a wooden bowl | From SugarHero.com

 Brown Butter Sugar Cookies

At first glance, these simple hearts may look like standard sugar cookies, but they’re actually much more exciting. These roll-out cookies are made with brown sugar and brown butter, which gives them a caramelized, nutty, ever so slightly savory flavor.

Brown Butter Heart Cookies - three cookies with a gingham pattern on a white plate | From SugarHero.com

The depth of flavor and the richness from the brown butter is especially important, since they’re topped with (cute! adorable!) fondant decorations. Fondant can quickly become too sweet if it’s not balanced out with other flavors, so pairing these toppers with a brown butter cookie base helps keep the fondant from becoming too cloying.

To deepen the flavor, this dough also contains brown sugar. Not only does it give the cookies a delicious caramel flavor, but it also produces a really tender dough, and helps the cookies stay soft for days!

Brown Butter Heart Cookies - two sugar cookies, one red ombre and one pink ombre, with a stack of cookies behind | From SugarHero.com
Brown Butter Heart Cookies - close-up on a cut-out cookie ready to be baked | From SugarHero.com

Just look at those flecks of brown butter love!

The dough holds its shape beautifully during baking, and the resulting cookies are crisp around the edge and wonderfully tender in the center (I can’t hang with sugar cookies that are crisp all the way through.) I imagine this dough might work well as a tart crust, too, and you can bet I’ll be testing that hypothesis soon.

Brown Butter Heart Cookies - two gingham and two ombre cookies in a wooden bowl | From SugarHero.com

These cookies are topped with fondant plaques–I used homemade marshmallow fondant, but any type would work. Royal icing may seem like the obvious choice, but I wanted the top layer to be really clean and have perfect edges, and fondant seemed like the faster, easier option for a royal icing avoider such as myself.  It’s also great at protecting the cookies and keeping them softer for longer periods of time.

Brown Butter Heart Cookies - ombre cookies stacked in a bowl with festive paper | From SugarHero.com

But enough about the components, let’s talk about this sexy paint job these cookies are sporting! It’s my favorite part of this recipe, and it’s SO easy to do, because they’re made with Wilton’s Color Mist sprays. and I love how it looks like they’ve been airbrushed, when really all it took was a $3 can of edible food spray from the craft store.

The ombre effect is the simplest. I first saw it done on the Sweet Sugar Belle blog, and there’s a great tutorial there if you’re interested in recreating the look. Basically, you just cover a portion of your cookies–I started about 1/2 inch down from the top–with a sheet of paper, and spray the rest of the cookie with a light mist of color.

Next, move the sheet up another 1/2-inch or so, and spray again, so the cookie gets a bit darker. Continue to move the sheet of paper up the cookie and spraying, creating gradually darkening layers of color. It looks fancy, but it seriously takes less than 5 minutes!

Brown Butter Heart Cookies - two cookies with gingham fondant plaques on top | From SugarHero.com

The gingham design also uses Color Mist sprays, for a quick and easy effect. Start by cutting thick horizontal lines–almost like bars–out of very stiff cardstock, or thin cardboard. You want to be able to really press it down on top of the cookie and keep the spray from sneaking underneath the stripes where it doesn’t belong.

Then lay your template at an angle across a cookie and spray. Switch the template to the opposite angle, spray again, and voila! Instant gingham. Here’s a photo tutorial showing how it’s done:

Brown Butter Heart Cookies - photo tutorial showing how to create the gingham pattern on fondant using color mist sprays | From SugarHero.com

Also, with both of these designs, make sure that you cover your work station well! I ended up with a pink tinge to my entire tabletop and the surrounding floors, even though I thought I did a good job of covering them. Pink coloring belongs on cookies, NOT the soles of my feet.

Brown Butter Heart Cookies - close-up on sugar cookie with a bite taken out of it | From SugarHero.com

There you have it–cookies with a fun and easy decorating trick! You can use these techniques with other shapes and colors, too, and if you experiment, I’d love to see what you come up with!

💗More Valentine’s Day Recipes

Close up of a heart-shaped cookie decorated with royal icing rosettes.

Valentine’s Day Sugar Cookies

Looking for a great Valentine’s Day Sugar Cookie recipe? These classic sugar cookies are decorated with royal icing in a number of beautiful Valentine’s Day designs. They make wonderful edible gifts! 
View Recipe

Don’t miss our collection of the 10 Best Valentine’s Day Cookiessee the whole web story here!

3 Brown Butter Heart Cookies with a gingham design on a white plate.

Brown Butter Heart Cookies

5 from 3 votes
These Brown Butter Heart Cookies are a gourmet twist on sugar cookies! They have a deep, rich, caramelized taste, and are decorated with beautifully painted fondant designs.
Prep30 minutes
Cook12 minutes
Total42 minutes
Yields24 cookies

Ingredients

For the cookies:

For the marshmallow fondant:

  • 6 oz mini marshmallows, (about 3 cups)
  • 12 oz powdered sugar, (3 cups)
  • 4 tsp water

Instructions 

To make the cookies:

  • Place the butter in a medium saucepan over medium heat. Allow it to melt and come to a gentle boil. Continue to cook it, stirring occasionally and scraping the bottom of the pan, as it grows darker in color. After about 8-10 minutes it should be golden brown and fragrant, with brown bits on the bottom. Remove the pan from the heat and pour the butter into a large mixing bowl. Let it cool to room temperature.
  • While you wait for the butter to cool, mix together the flour, corn starch, and salt in a small bowl. Set aside.
  • Once the butter is cool, add the sugars to the mixing bowl and mix everything together on medium speed until fluffy and well-mixed. Add the egg and vanilla, and mix again. Finally, stop the mixer and add the dry ingredients. Mix together on low just until the drys are nearly incorporated and just a few streaks of flour remain. Finish mixing everything with a spatula, scraping the bottom and sides of the bowl.
  • Divide the dough in half and press each into a thin disc, wrapping well with plastic wrap. Refrigerate until firmer but not hard, about 30 minutes.
  • When you’re ready to bake the cookies, preheat the oven to 350 degrees Place a disc of dough between two sheets of parchment or waxed paper, and roll out until it is 1/4-inch thick. (I did not need to add any extra flour during the rolling process, but you may find a light dusting helps.) Cut out your shapes and place them on a parchment-lined baking sheet. Put the sheet in the freezer for 10 minutes before baking to help the cookies hold their shape.
  • Bake the trays of cookies for 10-12 minutes, until the edges are golden and they have lost the raw shine in the middle. Let the cool on the baking sheet for 5 minutes, then remove to wire racks to cool completely. Re-roll scraps of dough together to cut out more cookies. If at any point it becomes too warm to work with, chill it briefly in the refrigerator until you can once again roll and cut cookies easily.

To make the fondant:

  • Combine the marshmallows and water in a large microwave-safe bowl. Microwave for 1 minute, then stir well. If the marshmallows are not fully melted after this time, microwave again in short increments until it’s melted and smooth.
  • Add the powdered sugar and stir well. The mixture will be sticky and stiff, and it will seem as if there’s too much powdered sugar. Dump the contents of the bowl out onto your work surface, and knead it together by hand. The fondant will gradually smooth out and incorporate more and more of the powdered sugar. If it is still too sticky once all of the powdered sugar is used, continue add small amounts until you get a smooth, pliable paste. Marshmallow Fondant can be made days in advance and kept, well-wrapped in cling wrap, at room temperature until ready to use.
  • To top the hearts, dust a work surface with powdered sugar. Roll the fondant out until it is about 1/8-inch thick. Use the same cutter you used for the cookies to cut the fondant into shapes. Brush a cookie with a very thin layer of corn syrup, and press the fondant on top to get it to adhere. If desired, spray it with ColorMist spray in an ombre or checkerboard pattern.
  • Let the food coloring dry before storing. Store cookies in an airtight container at room temperature for up to a week.

Measuring Tips

Our recipes are developed using weight measurements, and we highly recommend using a kitchen scale for baking whenever possible. However, if you prefer to use cups, volume measurements are provided as well. PLEASE NOTE: the adage “8 oz = 1 cup” is NOT true when speaking about weight, so don’t be concerned if the measurements don’t fit this formula.

Want to learn more about baking measurements and conversion?

Nutrition

Calories: 207kcal | Carbohydrates: 37g | Protein: 1g | Fat: 6g | Saturated Fat: 3g | Cholesterol: 22mg | Sodium: 83mg | Potassium: 22mg | Fiber: 0g | Sugar: 26g | Vitamin A: 185IU | Calcium: 8mg | Iron: 0.6mg
Tried this recipe?Snap a pic and hashtag it #SugarHero. We love to see your creations on our Instagram @elabau.

Meet Elizabeth!

Hi, I’m Elizabeth — a trained pastry chef, cookbook author, video instructor, and your new Baking BFF! I’m going to teach you everything you need to know to be a sugar hero. ❤️

Related Recipes

Leave a comment

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

Rate This Recipe!




This site uses Akismet to reduce spam. Learn how your comment data is processed.

37 Comments

  1. “Well, you’re a virgin who can’t drive.” Bahaha! Forget Martha–we just need our own show. I have a feeling it’d mostly consist of cracking ourselves up with random movie/TV references.

    Aaaaand, you are majorly talented and now I want to play with fondant and edible spray paint.

    1. Don’t toy with me–tell me we can make that happen. I know a lot of people who would pay good money to watch us crack ourselves up and make food!*

      *Okay, one person. And she’s my mom. And she never watches TV. But still…

  2. Haha, you cracked me up with the Clueless reference. 😉 These are so gorgeous and I’d love to try making them. Maybe an Easter version next month!

  3. I LOVE brown butter and sugar cookies so this is totally a natural winner for me… Maybe I’ll be on the ball and make these for Easter tomorrow. 🙂

    1. OMG, are you one of those plan-aheaders? Teach me your secrets! I’m brainstorming Easter ideas already but I know that it’ll be, like, 3 days before Easter before I finally get around to making them.

  4. Don’t forget St. Patrick’s Day is next!! I really need to try your recipe for marshmallow fondant. The cookies look great!

  5. These look so great! Who cares if valentine’s day has passed – hearts are always in season, especially when made with browned butter. 😉

  6. This made me laugh–my Valentine’s cookies did not even make it to my blog until a few days AFTER the day. But hey this is what Pinterest is for and these are gorgeous!

    1. Ha! Seriously, though, what did we do before Pinterest? Where else can you gleefully browse holiday recipes year-round and not be judged? 🙂

  7. This recipe sounds so delicious, couldn’t wait to make it. The dough didn’t hold together though, probably because I strained out most of the browned butter bits and reduced the amount of fat. I grated a little cold butter into the mixer bowl to make up for what I discarded and it turned out great.

    1. Thanks for the comment, Jan! I agree that straining the butter probably made the dough too dry, but I’m so glad you were able to save it!

  8. I’m thinking St Patricks day, I already have the shamrock cookie cutter! Mostly I just want to try the recipe. Lately I’ve been loving brown butter anything. Love the nutty flavor and yummy smell

    1. Awesome! I fully support that plan, and I agree–brown butter is the best! I’d love to hear what you think if you give them a try!

  9. These cookies are beautiful! I love scalloped edge heart cookie cutters. Can you tell me where you purchased it? Thanks so much!!! Patty

    1. Thank you, Patty! I believe I bought them at Michaels in a set of 4 cookie cutters. They might be Wiltons brand but they don’t have any markings on them at this point. Good luck tracking some down!