I am so excited to share this with you because these are honestly the prettiest things I have ever made. Imagine holding a delicate piece of art that smells like a morning garden and tastes like a cozy afternoon tea. These cookies are exactly that. I first created this recipe for a spring gathering where I wanted something that looked sophisticated but remained completely inclusive for my vegan and gluten free friends. The combination of fragrant bergamot from the Earl Grey tea and the vibrant pop of edible flowers makes these treats a total showstopper. You will love how the light shines through the candy center. It creates a stained glass effect that feels almost too pretty to eat.

Essential Ingredients for Earl Grey Stained Glass Floral Cookies Vegan Gluten Free

Here is everything you need to get that perfect texture and flavor. I have tested this a lot so try to stick to these items.

1.5 cups gluten free all purpose flour blend and make sure it has xanthan gum in it
1/2 cup vegan butter softened at room temperature
1/2 cup organic cane sugar
2 tablespoons finely ground Earl Grey tea leaves which is usually about 3 tea bags
1 teaspoon pure vanilla extract
1/4 teaspoon sea salt
1 to 2 tablespoons almond milk but only if your dough feels too dry
1/2 cup clear hard candies crushed into bits and check that they are vegan friendly
A handful of pressed edible flowers like pansies or violas or even lavender

Step-by-Step Guide for Your Earl Grey Stained Glass Floral Cookies Vegan Gluten Free

Follow these steps closely so that your glass center sets up just right. It is easier than it looks I promise.

Prepare the Dough

I start by creaming the vegan butter and sugar in a large bowl until the mixture looks light and fluffy. Then I stir in the vanilla extract. In a separate bowl I whisk together the gluten free flour and ground Earl Grey tea leaves and salt. Gradually add the dry ingredients to the wet mixture. If the dough feels a bit crumbly you can add almond milk one teaspoon at a time until it holds together. Wrap the dough up and chill it in the refrigerator for at least one hour. This step is so important because it prevents the cookies from spreading too much in the oven.

Cut and Create the Windows

Preheat your oven to 350 degrees and line a baking sheet with parchment paper. I roll the chilled dough out to about a quarter inch thickness on a floured surface. Use a large cookie cutter to create your base shape. Then use a smaller cutter to remove the center of each cookie which creates your window. Place the cookies on your prepared baking sheet.

Add the Stained Glass and Flowers

Now you fill those hollow centers with the crushed clear candies. Carefully place a small edible flower or a few petals right on top of the candy dust. You want to make sure the flower stays within the center so it gets encased in the melting candy.

Bake and Cool

Bake these for 10 to 12 minutes. You have to watch them closely. You want the candy to melt and bubble a little bit but the cookie edges should stay pale. This is where most people get confused because the candy will look like liquid when you pull them out. Do not touch them. Let the cookies cool completely on the baking sheet for at least 20 minutes until the centers are hard and transparent.

Success Tips for Earl Grey Stained Glass Floral Cookies Vegan Gluten Free

I have learned a few things along the way to help with gluten free baking and candy melting.

Grind the tea finely by using a spice grinder or a mortar and pestle because large tea leaves can make the dough feel gritty.
Crush the candy evenly since large chunks take longer to melt and that might lead to overbaking the cookie edges.
Always use parchment paper and never bake these directly on a greased pan or the melted candy will stick and you will break the cookies trying to get them off.
Pick flowers that are thin and flat because thick buds will not submerge properly in the glass center.

Estimated Nutritional Information

This data is based on a yield of 12 cookies.

Calories: 145 kcal
Total Fat: 7g
Saturated Fat: 3g
Sodium: 85mg
Total Carbohydrates: 20g
Dietary Fiber: 1g
Sugars: 11g
Protein: 1g

Frequently Asked Questions about Earl Grey Stained Glass Floral Cookies Vegan Gluten Free

I get asked these questions a lot so I hope this helps you out.

How long do these cookies stay fresh?

You can store these in an airtight container at room temperature for up to 3 days. I would avoid the refrigerator because the moisture can make the candy centers sticky or look cloudy.

Can I use a different tea?

Yes you can totally substitute Earl Grey with Matcha powder or Chai spices. Just make sure the flavors go well with whatever edible flowers you pick.

What if I cannot find edible flowers?

You can still make the stained glass effect without the flowers. You could also use small sprigs of fresh herbs like thyme or rosemary for a different look.

Why did my candy center turn brown?

This usually happens if the oven is too hot or if the cookies were left in too long. The sugar in the candy can caramelize if it overcooks so check your oven temperature for accuracy.

Storing Your Earl Grey Stained Glass Floral Cookies Vegan Gluten Free

To keep the stained glass centers looking beautiful I like to layer the cookies between sheets of parchment paper in a flat container. Do not stack them directly on top of each other because the candy centers can sometimes stick together if the room gets warm. Keep them in a cool and dry place away from direct sunlight so the colors of the flowers do not fade over time.