G-HT4TFH19W6

Coffee/Crumb Cake

May 22, 2026

Brown Butter Earl Grey Blueberry Coffee Cake

If you love bakery-style crumb cakes, this Brown Butter Earl Grey Blueberry Coffee Cake needs to be next on your baking list. Made with nutty brown butter, fresh blueberries, Earl Grey infused milk, and a buttery streusel topping, this moist coffee cake is packed with flavor in every layer.

I’m not going to lie, this recipe has been sitting on my new recipe to create list for a while. Ever since my Earl Grey Sugar Cookies and Brown Butter Earl Grey Blondies became my most visited recipe, I knew I wanted to make an Earl Grey flavored coffee cake. But this one absolutely surprised me in the best way possible. I expected it to be good, but I didn’t expect it to become one of the best crumb cakes I’ve ever made. The brown butter gives the cake a deep toasted flavor that almost tastes caramelized, while the blueberries bake into little pockets of jammy brightness throughout the moist cake, almost like the best blueberry muffin you’ve ever had. The star ingredient, Earl Grey, is layered into every bite using a combination of Earl Grey infused milk and finely ground tea leaves in the batter, crumb topping, and glaze. It adds a soft floral citrus note that keeps the cake from feeling overly sweet. Other brown butter coffee cakes to try is my cinnamon coffee cake, almond raspberry coffee cake and pumpkin pecan coffee cake.

Slice of a Brown Butter Earl Grey Blueberry Coffee Cake on a plate, topped with earl grey glaze and blueberries.

Why You’ll Love This Brown Butter Earl Grey Blueberry Coffee Cake Recipe

  • Brown butter in both the cake batter and crumb topping  
  • Earl Grey flavor without tasting overpoweringly floral
  • Soft, moist cake thanks to sour cream
  • Fresh juicy blueberries throughout the batter
  • Thick buttery streusel topping  
  • Perfect brunch or afternoon coffee cake recipe

Ingredients to make earl grey coffee cake.

Ingredients Used to Make Earl Grey Coffee Cake  

Brown Butter

Brown butter is the backbone of this recipe. Cooking the butter until golden and nutty adds depth that regular melted butter simply can’t create. It gives the cake a warm bakery-style flavor that pairs beautifully with Earl Grey tea.

Earl Grey Milk

Steeping Earl Grey tea bags in warm milk gently infuses the cake with bergamot flavor without overpowering the blueberries. It adds a subtle tea-shop aroma throughout the cake batter and glaze.

Sour Cream

Sour cream keeps this crumb cake incredibly soft and moist. It also balances the richness from the brown butter.

Fresh Blueberries

Fresh blueberries work best here because they hold their shape while baking. Tossing them with a tablespoon flour helps prevent them from sinking to the bottom of the pan.

Earl Grey Streusel Topping

The buttery streusel topping might honestly be my favorite part. The finely ground Earl Grey tea leaves mixed into the crumb topping create little pockets of fragrant flavor throughout the crisp crumble topping.

How to Make Brown Butter Earl Grey Blueberry Coffee Cake

1. Make the Earl Grey Milk

In a small saucepan over medium heat, warm the milk until steaming but not boiling. Alternatively, microwave the milk in a microwave-safe mug or bowl for 60 to 90 seconds until hot. Remove from the heat and steep the Earl Grey tea bags for at least 15 minutes. Gently squeeze the tea bags to release the remaining flavor, then let the Earl Grey milk cool completely before using.

2. Brown the Butter

In a light-colored saucepan over medium heat, melt the butter for the cake batter. Continue cooking until the milk solids turn golden brown and smell nutty. Transfer to a large bowl and let cool for about 15 to 20 minutes. Repeat with the butter used for the crumb topping.

3. Prepare the Crumb Topping

In a medium bowl, combine the brown sugar, granulated sugar, flour, salt, vanilla extract, and finely ground Earl Grey tea leaves. Pour in the browned butter used for the crumb topping and mix with a fork or your hands until small and large coarse crumbs form. Place the streusel topping in the refrigerator while preparing the cake batter.

4. Prepare the Blueberries

Rinse and dry the fresh blueberries thoroughly. Toss with 1 tablespoon flour in a separate bowl to prevent the blueberries from sinking in the batter while baking.

5. Make the Cake Batter

Preheat oven to 350°F (175°C). Line an 8-inch springform pan or square cake pan with parchment paper. In a large mixing bowl, whisk together the cooled brown butter made for the cake batter and sugar until combined. Add the eggs and vanilla extract. Whisk until smooth and glossy. Add the sour cream and 1/4 cup of Earl Grey milk and whisk again until fully combined. In a separate bowl, whisk together the flour, baking powder, baking soda, and salt. Fold the dry ingredients into the wet ingredients until just combined. Do not overmix. Gently pour in the blueberries and fold till evenly distributed.

Earl Grey Blueberry Coffee Cake Batter.

6. Assemble and Bake

Pour the cake batter into the prepared pan and spread evenly. Sprinkle the crumb topping generously over the entire surface of the cake. Don’t press it down. Bake for 45 to 55 minutes or until the center is set and a toothpick inserted into the middle comes out mostly clean with a few moist crumbs.

If the streusel topping begins browning too quickly, loosely tent the top with aluminum foil during the final portion of baking. Allow the cake cool in the pan for 10 minutes before transferring to a cooling rack.

7.Glaze

In a small bowl, whisk together powdered sugar, the rest of the Earl Grey milk, vanilla extract, and a pinch of kosher salt until smooth.Drizzle the glaze over the cooled coffee cake before slicing.  

How to Serve Earl Grey Blueberry Coffee Cake

This brown butter blueberry cake is best served slightly warm with coffee or tea. Like most baked goods, the Earl Grey flavors become even more fragrant the next morning.

A few serving ideas:

  • Warm with salted butter
  • Alongside a London Fog latte
  • As part of a brunch spread
  • Topped with whipped mascarpone
  • Served chilled straight from the fridge for a denser crumb cake texture

Whole Earl Grey Blueberry Coffee Cake with Crumb Topping and Glaze.

Frequently Asked Questions: Earl Grey Crumb Cake

Can I use frozen blueberries?

Yes, but do not thaw them first, use straight from the freezer. Toss frozen blueberries with flour before folding into the batter.

What does Earl Grey taste like in baking?

Earl Grey adds soft citrusy floral notes from bergamot. In this recipe, it tastes subtle and balanced rather than overly tea forward.

Can I make this in advance?

Absolutely. In fact, the flavor deepens by the next day as the Earl Grey settles into the cake.

Why toss blueberries in flour?

This helps prevent the blueberries from sinking to the bottom of the pan while the cake bakes.

Can I skip the glaze?

Yes, but the glaze adds extra Earl Grey flavor and balances the buttery streusel topping beautifully.

Does this Earl Grey coffee cake contain caffeine?

Yes, this coffee cake does contain a caffeine because Earl Grey tea is made with black tea. However, the caffeine content per slice is minimal since the 3 tea bags is distributed throughout the entire cake, crumb topping, and glaze.

What is the best Earl Grey tea to use for baking?

For the best flavor, use an Earl Grey tea that is fragrant and balanced without tasting overly bitter. Twinings Earl Grey is a great classic option and easy to find, while Harney & Sons Earl Grey, my personal favorite gives a stronger bergamot flavor. Loose leaf Earl Grey can also work beautifully in the crumb topping for extra flavor throughout the cake.

Pro Tips on Making the Best Earl Grey Crumb Cake

  • Use room temperature sour cream and eggs for a smoother cake batter
  • Spoon and level flour if not using a kitchen scale
  • Don’t overmix the batter once the dry ingredients are added
  • Refrigerating the streusel before baking helps create larger buttery crumbs
  • Use a light-colored saucepan when browning butter so you can easily see when the milk solids turn golden

Earl Grey Blueberry Coffee Cake.

Storage

Store leftover coffee cake in an airtight container at room temperature for up to 2 days or refrigerated for up to 5 days.

To keep the crumb topping crisp, avoid covering the cake while still warm.

You can also wrap slices tightly in plastic wrap and freeze for up to 2 months.

Other Coffee Cake Recipes to try:

Brown Butter Earl Grey Blueberry Coffee Cake

Soft brown butter coffee cake with fresh blueberries. Earl Grey woven into every layer, with an irresistible buttery crumb topping.

Prep:

Time:

Total:

Serving:

30

55

115

8

Mins

Mins

Mins

large slices

Ingredients

Earl Grey Milk:

    • 1/4 cup + 2 TBSP(90g) milk
    • 2 earl grey tea bags

Cake Batter:

  • 1/2 cup (113g) unsalted butter
  • 3/4 cup (150g) granulated or cane sugar
  • 2 whole eggs
  • 1 TBSP vanilla extract
  • 1/2 cup (120g) sour cream - room temperature
  • 1/4 cup (60g) room temp earl grey milk
  • 1 1/2 cups +1 TBSP (187g) all-purpose flour spooned and leveled if not using a food scale to measure the flour
  • 1 1/2 tsp baking powder
  • 1/4 tsp baking soda
  • 1/2 tsp kosher salt
  • 1 1/4 cup (190g) fresh blueberries rinsed and dried and then tossed in 1 TBSP flour

Crumb Topping:

  • 6 TBSP (85g) unsalted butter
  • 1 1/2 tsp finely ground loose Earl Grey tea leaves
  • 1/2 cup (110g) light brown sugar
  • 1/4 cup (50g) granulated sugar
  • 1 cup (120g) all-purpose flour spooned and leveled if not using a food scale to measure the flour
  • 1 tsp vanilla extract
  • 1/8 tsp salt

Earl Grey Glaze: 

  • 3/4 cup (90g) powdered sugar
  • 2 TBSP earl grey milk
  • 1/2 tsp vanilla bean or pure vanilla extract
  • pinch kosher salt

Instructions

Earl Grey Milk

  1. In a small saucepan over medium heat, warm the milk until steaming but not boiling. Alternatively, microwave the milk in a microwave safe mug or bowl for 60 to 90 seconds until hot.
  2. Remove from the heat and steep the Earl Grey tea bags for at least 15 minutes.
  3. Gently squeeze the tea bags to release the remaining flavor, then let the Earl Grey milk cool completely before using.

Brown Butters

  1. In a light-colored saucepan over medium heat, melt the butter for the cake batter. (*see notes) Continue cooking until the milk solids turn golden brown and smell nutty.
  2. Transfer to a bowl and let cool for about 15 to 20 minutes.
  3. Repeat with the butter for the crumb topping. (**see notes

Crumb Topping

  1. In a medium bowl, combine the brown sugar, granulated sugar, flour, salt, vanilla extract, and finely ground Earl Grey tea leaves till fully mixed.
  2. Pour in the browned butter used for the crumb topping, it doesn't need to be cooled, and mix with a fork or your hands until small and large coarse crumbs form.
  3. Place the streusel topping in the refrigerator while preparing the cake batter.

Cake Batter

  1. Rinse and dry the fresh blueberries thoroughly. Toss with 1 tablespoon flour in a separate bowl and set aside.
  2. Once the cake batter brown butter has cooled preheat oven to 350°F (175°C) and line an 8-inch springform pan or square cake pan with parchment paper.
  3. In a large mixing bowl, whisk together the cooled brown butter made for the cake batter and sugar until combined. Add the eggs and vanilla extract. Whisk until smooth and glossy. Add the sour cream and 1/4 cup of Earl Grey milk and whisk again until fully combined.
  4. In a separate bowl, whisk together the flour (***see notes), baking powder, baking soda, and salt.
  5. Fold the dry ingredients into the wet ingredients until just combined. Do not overmix. Gently pour in the blueberries and fold till evenly distributed.
  6. Pour the cake batter into the prepared pan and spread evenly.
  7. Take the crumb topping from the fridge and break it up with your fingers and generously sprinkle over the entire surface of the cake. Don’t press it down. Bake for 45 to 55 minutes or until the center is set and a toothpick inserted into the middle comes out mostly clean with a few moist crumbs. If the streusel topping begins browning too quickly, loosely tent the top with aluminum foil during the final portion of baking. Allow the cake cool in the pan for 10 minutes before transferring to a cooling rack.

Earl Grey Glaze

  1. In a small bowl, whisk together powdered sugar, the rest of the Earl Grey milk, vanilla extract, and a pinch of kosher salt until smooth.
  2. Drizzle the glaze over the cooled coffee cake before slicing.  

Notes: 

*How to Brown Butter (The Right Way)
  1. Place the butter in a light-colored saucepan over medium heat.
  2. Let the butter melt completely, then continue cooking as it begins to foam and bubble.
  3. Swirl the pan occasionally to help the butter cook evenly and prevent the milk solids from sticking to the bottom of the pan.
  4. Watch closely for golden brown bits forming at the bottom. The butter will go through a loud bubbling stage while the water cooks off.
  5. As the bubbling sound begins to quiet down, the butter will start smelling deeply nutty and toasted while turning a rich amber color.
  6. Remove from the heat immediately and pour the brown butter into a mixing bowl to stop the cooking process and prevent burning.

You want golden, not burnt. Think toasted hazelnut, not coffee ash.

**Option to Brown All the Butter at Once

If preferred, brown 14 tablespoons (198g) butter in one saucepan. Divide the browned butter after cooking:

  • 57%  of the brown butter for the cake batter
  • 43% of the brown butter for the streusel

Allow the portion for the batter to cool before mixing.

***How to Measure Flour Correctly

Measuring flour properly makes a big difference in how your baked recipes turn out. For best results, use a kitchen scale and measure in grams. This ensures consistency and prevents adding too much flour, which can make this cake dry or dense.

If you don’t have a kitchen scale:

  • Do not scoop flour directly with the measuring cup.
  • Use a spoon to gently fill the measuring cup.
  • Level it off with the back of a knife.
  • Do not pack the flour down.

Too much flour is one of the most common reasons baked recipes can become dry and cakey

Leave a Comment

Did you make this recipe? I'd love to hear how it turned out. Leave a comment and share your tweaks.

POST COMMENT
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

-- / 5 average rating from -- reviews

Author Name
Comment Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. uis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae era

Reply
Author Name
Comment Time

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere. uis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae era

Reply