Chocolate Orange Shortbread Cookies

Chocolate Orange Shortbread Cookies Recipe

Chocolate and orange have a natural affinity for each other. There’s something about the sweetness of the chocolate and the fresh, citrus flavor of the orange that pair beautifully in this Chocolate Orange Shortbread Cookies recipe.

The base of this is a shortbread mixture that consists of simple pantry staples you probably already have on hand – butter, flour, and sugar (I used Wholesome Organic Sugar). Add some fresh orange zest and a drizzle of chocolate (I used bittersweet but semisweet also works) and you’ve got a pan of delicious cookies in no time!

To make this dairy-free, use dairy-free buttery sticks and make sure your chocolate chips are dairy-free, too.

Chocolate Orange Shortbread Cookies Recipe

4 from 8 votes
Chocolate Orange Shortbread Cookies
Print Recipe

Gluten-Free Chocolate Orange Shortbread Cookies

Prep Time15 mins
Cook Time25 mins
Total Time40 mins
Course: Dessert
Cuisine: American
Servings: 12 cookies
Calories: 255kcal
Author: Gluten Free & More


  • Gluten-free nonstick cooking spray
  • 12 tablespoons softened unsalted butter
  • cups gluten-free all-purpose flour
  • cup Wholesome Organic Sugar , divided
  • Finely grated zest of 1 orange
  • ¾ cup semisweet or bittersweet chocolate chips , divided


  • Preheat the oven to 375 degrees. Spray a 9-inch square cake pan with cooking spray. Line pan with parchment paper and lightly spray the parchment paper.
  • In a medium mixing bowl, combine the butter, flour, cup sugar, and orange zest. Work into a dough using your fingers. Stir in ½ cup chocolate chips. Pat the mixture evenly and firmly into the prepared pan. Prick it all over with a fork. Sprinkle the remaining ⅓ cup sugar on top. Bake for 20-25 minutes or until lightly golden brown. Let cool completely in the pan. The cookies will firm up as they cool.
  • Remove the parchment and baked cookies from the pan when cooled. Cut in half, then cut each half into 6 finger sized rectangles.
  • Melt the remaining ¼ cup chocolate chips in a heat-proof pan over barely simmering water (making sure the bottom of the bowl does not touch the water) then drizzle the chocolate over the top of the cookies. Let sit for 10 minutes for the chocolate to firm up.


Nutrition Facts
Gluten-Free Chocolate Orange Shortbread Cookies
Amount Per Serving
Calories 255 Calories from Fat 135
% Daily Value*
Fat 15g23%
Saturated Fat 10g50%
Cholesterol 30mg10%
Sodium 13mg1%
Potassium 74mg2%
Carbohydrates 28g9%
Fiber 2g8%
Sugar 15g17%
Protein 2g4%
Vitamin A 355IU7%
Vitamin C 1.3mg2%
Calcium 49mg5%
Iron 0.7mg4%
* Percent Daily Values are based on a 2000 calorie diet.

The views and opinions expressed on this blog are purely the blog owner’s. This blog accepts free manufacturers’ samples and forms of cash advertising, sponsorship, paid insertions or other forms of compensation. Affiliate links may be included in this post.

Disclaimer: All nutrition facts on Gluten Free & More are meant only as a guide and may differ depending on product brands used or ingredient substitutions. Some errors may occur, so you are encouraged to confirm the recipe’s ingredient and nutrition suitability for your own diet.
Have you tried this recipe? Give it a star rating and let us know your thoughts in the Ratings & Reviews section below.
Tags: Chocolate Cookies Orange Shortbread Wholesome Sweeteners
Previous Post

Nut-Free Thai Chicken Noodle Soup

Next Post

Gluten-Free Rosemary Rolls

Leave a Reply

Your email address will not be published.

Recipe Rating