• Skip to primary navigation
  • Skip to main content
  • Skip to primary sidebar
Kathleen's Cravings
  • Home
  • Recipe Index
    • Recipe Index
    • All Recipes
    • Air Fryer Recipes
    • Appetizer and Snack Recipes
    • Breakfast Recipes
    • Dessert Recipes
    • Drink Recipes
    • Grilling Recipes
    • Instant Pot Recipes
    • Main Dish Recipes
    • Meatless Recipes
    • Pasta Recipes
    • Salad Recipes
    • Side Dish Recipes
    • Slow Cooker Recipes
    • Soup Recipes
    • How To
  • Welcome!
    • Welcome!
    • Work With Me
  • Nav Social Menu

    • Facebook
    • Instagram
    • Pinterest
    • YouTube
menu icon
go to homepage
  • Single Serve
  • Spring Recipes
  • Recipe Index
  • About
  • Work With Me
  • Fave Tools
  • Subscribe
    • Facebook
    • Instagram
    • Pinterest
  • subscribe
    search icon
    Homepage link
    • Single Serve
    • Spring Recipes
    • Recipe Index
    • About
    • Work With Me
    • Fave Tools
    • Subscribe
    • Facebook
    • Instagram
    • Pinterest
  • ×
    Home » Recipes » All Recipes

    Gooey Chocolate Shortbread Bars

    Published: Jan 23, 2020 · Modified: Apr 19, 2020 by Kathleen Hansen · This post may contain affiliate links · 1 Comment

    Jump to Recipe·Print Recipe

    I've always loved desserts in bar form for several reasons. And these Chocolate Shortbread Bars are no exception.

    Dessert Bars are Better!

    1. They're quicker. No scooping cookie dough onto baking sheets.
    2. Easy to transport in the baking dish.
    3. Can get fancy with layering with very little effort!

    These bars are unbelievable. Starting with the buttery, shortbread crust. And ending with the topping that's filled with brown butter, oats, chocolate, and coconut. My, oh my. You HAVE to make these. And please save me one, or five.

    Gooey Chocolate Shortbread Bars with text

    Why You'll Love these Chocolate Shortbread Bars

    • The easy shortbread crust (just flour, butter, sugar, and salt).
    • Brown butter! Yes, please.
    • All of my favorite mix-ins. Chocolate chips, coconut, and oats!
    • Just as good the next day. So go ahead and bake a batch in advance!

    Cut gooey shortbread bars with bite

    First, mix up the shortbread. All it takes is a quick whirl in your food processor. Processing the flour, butter, sugar, and salt until the dough comes together. Then press into a 9x13 inch baking dish. I like to line mine with parchment paper so that you an easily lift the bars out to cut them. Using your hands, just press the dough in an even layer. Then into the oven!

    Shortbread crust in baking dish

    While the shortbread bakes, we'll make our top layer. This is where it really gets good! First, melt the butter and make the brown butter. The key to browning butter is to babysit it as it will go from perfectly amber and browned to burnt in seconds. To the brown butter, stir in the sugar. Both white granulated and brown sugar. You can use either dark or light brown. Whatever you have on hand.

    Shortbread bar topping chocolate chips and oats

    Now stir in the mix ins. I used semisweet chocolate chips, unsweetened shredded coconut, and rolled oats! Pour the chocolatey, brown butter mixture evenly over the baked shortbread crust. And back into the oven! You'll bake it for about 25 minutes until the top is firm, set, and lightly golden.

    Cut gooey shortbread bars

    In order to cut the bars, it's best to let them cool completely. You can pop the whole dish in the refrigerator to speed up the process. Once cooled and set, use a sharp knife and cut into bars as big or as small as you'd like. Enjoy!

    *Note - this recipe was originally published on April 8, 2019 but has been updated with newer pictures and more detailed instructions.
    Print

    Recipe

    Gooey Chocolate Shortbread Bars

    Gooey Chocolate Shortbread Bars start with the buttery, shortbread crust. And end with the topping that's filled with brown butter, oats, chocolate, and coconut. Melt in your mouth good. Recipe at KathleensCravings.com #kathleenscravings #shortbread #shortbreadbars #coconutdesserts #barrecipes #oatrecipes #brownbutter
    Print Recipe

    5 Stars 4 Stars 3 Stars 2 Stars 1 Star

    5 from 1 review

    Gooey Chocolate Shortbread Bars start with the buttery, shortbread crust. And end with the topping that's filled with brown butter, oats, chocolate, and coconut. Melt in your mouth good. Recipe at KathleensCravings.com

    • Author: Kathleen
    • Prep Time: 10 minutes
    • Cook Time: 40 minutes
    • Total Time: 50 minutes
    • Yield: 24 bars
    • Category: Dessert
    • Method: Oven
    • Cuisine: American

    Ingredients

    Shortbread Crust

    • 1 ¾ cups all purpose flour
    • ½ teaspoon salt
    • 14 tablespoons unsalted butter (cold, ¾ cup plus 2 tablespoons)
    • ⅓ cup white granulated sugar

    Brown Butter Topping

    • ½ cup unsalted butter
    • ½ cup white granulated sugar
    • ¾ cup brown sugar (I used dark, but light will work)
    • ¼ teaspoon salt
    • 3 eggs
    • 2 teaspoons vanilla extract
    • 1 ⅓ cups rolled oats
    • ½ cup shredded, unsweetened coconut
    • 1 ½ cups chocolate chips (I used semi-sweet. Dark or milk will also work)
    • powdered sugar (optional, to finish)

    Instructions

    1. Preheat the oven to 350ºF. Line the bottom of a 9 x 13 inch baking dish with parchment paper. Lightly spray with cooking spray.
    2. Make the shortbread crust: Cut the butter into chunks. In the bowl of your food processor add all shortbread ingredients - flour, salt, sugar, and butter. Run the processor until the dough comes together and forms large chunks. This usually takes a good minute or two, but I promise it will come together. Transfer the dough to the prepared baking dish and press evenly along the bottom and about ¼ inch up the sides. Bake for about 20-25 minutes until very pale golden on top.
    3. While the shortbread is baking, make the filling. First, add the white and brown sugar to a large heatproof bowl. Set aside. Next, brown the butter. Melt the butter in a light colored saucepan or skillet (using a light color vs nonstick makes it easier to see the color of the butter as it browns). Melt the butter over medium heat, stirring frequently until the butter turns an amber and golden brown bits form at the bottom. About 5 minutes. Be careful, it will go from brown to burnt very quickly. Remove from heat and pour over the sugar. Stir together.
    4. Add the eggs and vanilla and stir until combined. Next, stir in the oats, coconut, and chocolate chips. Pour the mixture over the par-baked shortbread crust.
    5. Return the bars to the oven and bake for another 25-30 minutes. The top will be golden, firm, and set when you jiggle the pan. They will continue to set up as they cool.
    6. In order to cut them easily, allow them to cool completely. Once they have slightly cooled at room temperature, you can put the dish into the fridge to speed up the process. Once cool, cut into bars. If desired, use a fine mesh sieve to dust with powder sugar right before serving.

    Notes

    Leftover bars can be stored in the fridge for up to 5 days... but they won't make it that long 🙂

    Nutrition

    • Serving Size: 1 bar
    • Calories: 286
    • Sugar: 21.2 g
    • Sodium: 85.4 mg
    • Fat: 16.1 g
    • Carbohydrates: 33 g
    • Fiber: 1.9 g
    • Protein: 3.6 g
    • Cholesterol: 51.2 mg

    Did you make this recipe?

    Tag @KathleensCravings on Instagram

    Share this:

    • Click to share on Pinterest (Opens in new window) Pinterest
    • Click to share on Facebook (Opens in new window) Facebook
    • Click to share on X (Opens in new window) X

    More All Recipes

    • Single serve chocolate chip muffin on a plate.
      Single Serve Chocolate Chip Muffins (Makes Two)
    • Single serve blueberry muffins with fresh blueberries.
      Single Serve Blueberry Muffins (Fresh or Frozen Blueberries)
    • Single Serve Chocolate Lava Cake with molten center baked in the air fryer or oven.
      Single Serve Molten Lava Cake (Air Fryer or Oven)
    • Single serve lemon pound cake with glaze on a small plate.
      Single Serve Lemon Pound Cake (with Glaze)

    Reader Interactions

    Comments

      Did you make this recipe? Let me know! Cancel reply

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

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

    1. Katie says

      April 02, 2023 at 3:15 pm

      I could not believe how good these were! Definitely will make again

      Reply

    Primary Sidebar

    Hi! I'm Kathleen and welcome! My favorite place to be has always been in the kitchen and I love creating recipes that are easy and approachable. Simple ingredients and easy-to-follow instructions!

    More about me →

    Single Serve Recipes

    • Single serve banana bread in a ramekin.
      Single Serve Banana Bread (1 Banana)
    • Single serve chocolate cupcake with chocolate frosting and sprinkles.
      Single Serve Chocolate Cupcake (Makes Two)
    • Single serve oatmeal chocolate chip cookie split in half.
      Single Serve Oatmeal Chocolate Chip Cookie (Small Batch)
    • Single serve sugar cookie on a plate with sprinkles.
      Single Serve Sugar Cookie (Small Batch)

    Spring Recipes

    • carrot cake for dogs with fresh grated carrots
      Carrot Cake for Dogs (Pupcakes)
    • Cut Easter egg cookie bars
      Easter Mini Egg Blondies (One Bowl, No Mixer)
    • Two lemon cookies on a plate with a fresh lemon in background.
      Single Serve Lemon Cookie (Small Batch)
    • Lemon blueberry breakfast cake cut into slices.
      Lemon Blueberry Breakfast Cake
    • Mini cheesecakes topped with raspberries on a plate
      Small Batch Mini Cheesecakes
    • oven roasted brown sugar carrots on a sheet pan
      Brown Sugar Honey Glazed Carrots (Oven Roasted)

    Footer

    ↑ back to top

    About

    • Privacy Policy

    Newsletter

    • Sign Up! for emails and updates

    Contact

    • About Me
    • Work With Me

    Copyright © 2025 KATHLEEN'S CRAVINGS ON THE SEASONED PRO THEME

     

    Loading Comments...