Vibrant Raspberry & Hibiscus Latte

jump to recipe
24 February 2026
3.8 (63)
Vibrant Raspberry & Hibiscus Latte
15
total time
2
servings
220 kcal
calories

Introduction

A quick hello from my kitchen:
I fell for this drink the moment the syrup hit the steam wand โ€” bright pink edges and a floral perfume that makes the usual latte feel like a treasure. This beverage lives comfortably between a floral tea, a fruity cordial, and a classic espresso milk drink, giving it crossover appeal for morning coffee lovers and afternoon tea sippers alike. I always make a double batch of the syrup to keep on hand; it brightens everything from sparkling water to cocktails, and itโ€™s the kind of pantry addition that transforms a routine cup into something celebratory.
What I love most:

  • The way floral notes play against roasted espresso โ€” itโ€™s a gentle contrast that doesnโ€™t fight the coffee.
  • Versatility: serve it hot, chilled, or boozy for evening gatherings.
  • Visual charm: layered color and fresh garnishes make it irresistibly Instagram-friendly without effort.

In this article youโ€™ll find a clear ingredient list, step-by-step assembly for both hot and iced versions, and professional tips for texture, balance, and presentation so your home version looks and tastes like it belongs on a cafe menu.

Why Youโ€™ll Love This Recipe

Emotion first:
This drink is one of those recipes that instantly elevates a moment โ€” a brisk morning walk home, a sunny afternoon break, or a low-key evening with friends. The aroma of hibiscus feels floral and bright without being cloying; paired with the natural brightness of ripe berries, the syrup becomes the emotional core of the latte. It refreshes the palate while the espresso adds grounding warmth, making every sip balanced and satisfying.
Practical delights:

  • Make-ahead syrup frees you to focus on milk texture and espresso extraction at serving time.
  • Adaptable to any milk you prefer; oat and whole milk add creaminess, while lighter plant milks keep it bright.
  • The syrup doubles as a cocktail base or a sparkling refresher, adding value to a single prep step.

I also appreciate how forgiving the recipe is; it lets you tune floral intensity and sweetness with tiny adjustments so the final cup matches your taste exactly. For home baristas and casual makers alike, itโ€™s an easy way to practice milk texture and layering without committing to complicated latte art.

Flavor & Texture Profile

Flavor:
Expect an immediate floral lift from the hibiscus with a bright, tangy raspberry sweetness beneath it. The acidity from the fruit complements the roast notes in the coffee, while the syrupโ€™s perfume lingers on the finish. If you like contrasts in a drink โ€” tartness rounded by sweet cream โ€” this recipe hits that harmonious middle ground where both elements shine without overpowering one another.
Texture:
Texture is everything in a latte. The syrup adds a silky, slightly viscous layer that clings to the milk, creating subtle marbling when you pour. Properly frothed milk should be glossy and velvety, offering tiny, stable microfoam bubbles that sit atop the drink without collapsing instantly. That foam gives you a soft mouthfeel and a cushion where garnish sits prettily.
Balance tips:

  • If your syrup tastes overly floral, add a brightening acid (like a splash of citrus) to round it out.
  • If the espresso feels too dominant, increase the milk texture and foam to mellow the roast while preserving the drinkโ€™s backbone.
  • For iced versions, keep the syrup chilled so it integrates quickly and keeps the drink from diluting the flavor when ice melts.

These small adjustments will help you tailor the cup to your preference and ensure every sip has the pleasing interplay of brightness, sweetness, and creamy comfort.

Gathering Ingredients

Gathering Ingredients

Ingredients (organized for a single batch):

  • Fresh raspberries โ€” measured amount
  • Dried hibiscus petals โ€” measured amount
  • Granulated sugar (or honey) โ€” measured amount
  • Water โ€” measured amount
  • Espresso (or strong coffee) โ€” prepared as shots
  • Milk of choice โ€” measured amount
  • Vanilla extract โ€” small measure
  • Ice cubes (for iced version)
  • Fresh mint and extra raspberries for garnish
  • Optional spirit (gin or vodka) for cocktail twist

Shopping and selection tips:
Choose ripe, fragrant fruit for the cleanest berry note; avoid underripe raspberries that are overly tart or mealy. For dried hibiscus, look for deep crimson petals that smell tart and floral; avoid dusty or faded packages. If using granulated sugar, a finer grain dissolves more quickly during syruping; if you prefer a less processed sweetener, honey is an excellent swap and lends floral depth.
Storage and freshness:
Store fresh raspberries in a single layer on a paper towel-lined tray in the fridge and use them quickly. Dried hibiscus keeps well in an airtight container away from light. If you plan to use a spirit for the cocktail version, choose a neutral vodka or a light, floral gin that complements rather than competes with the hibiscus notes.

Preparation Overview

Before you start:
Organize your mise en place so that the syrup step and milk texturing run smoothly. Have bowls and a fine-mesh sieve ready for the syrup so you can strain while itโ€™s still warm; this makes extraction easier and keeps the syrup clear. Pull shots or brew the concentrated coffee right before assembly so theyโ€™re hot for layering, or allow them to cool slightly if making the iced version.
Key techniques:

  • Syrup steeping: gentle simmer and a short steep retain floral aromatics without bitterness.
  • Mashing fruit: press gently to avoid grinding seeds into the syrup; a fork is usually ideal.
  • Milk texture: aim for silky microfoam for hot lattes and slightly looser foam for iced pours to help layers settle.

Timing and flow:
Make the syrup first and chill if you prefer cold drinks later. When serving, proceed with coffee extraction and milk texturing near-simultaneously so the drink assembles warm and the layers form cleanly. If you plan to add alcohol, stir it into the syrup portion before layering the coffee so it integrates evenly and doesnโ€™t break the milk emulsion. These sequencing steps will keep your service efficient while maximizing flavor and presentation.

Cooking / Assembly Process

Cooking / Assembly Process

Step-by-step assembly:

  1. Combine water, dried hibiscus, and sweetener in a small saucepan; bring gently to a simmer, stirring until dissolved, then let steep to extract color and floral notes.
  2. Strain the steeped liquid through a fine mesh into a bowl, pressing the petals to release every drop, then return a portion to the pan and fold in mashed raspberries. Warm briefly to meld flavors, then cool.
  3. Prepare concentrated coffee or espresso shots and set asideโ€”hot for layered hot lattes, cooled for iced versions.
  4. Froth or steam milk until velvety and glossy; for iced versions, chill your milk and use less aeration, or shake with a cold frother to create a light foam.
  5. Assemble by dividing syrup between glasses, adding espresso, then pouring milk to create layers; garnish and serve immediately. For an alcoholic version, stir the spirit into the syrup step before adding coffee.

Troubleshooting mid-assembly:
If the syrup separates when mixed into cold milk, stir briefly to emulsify; if the milk collapses too quickly, reduce steam time and aim for slightly warmer milk so foam holds longer. When straining, if you see fine particles, line your sieve with a coffee filter for an ultra-clear syrup. Finally, if the fruit seeds create grittiness, press gently during straining and discard solids rather than forcing every scrap.

Serving Suggestions

Presentation ideas:
Serve this latte in clear glassware to show off the layered ombrรฉ from syrup to milk. A tall, straight glass creates dramatic vertical layers, while a short double-walled cup offers a contemporary, cozy presentation. Fresh mint and a single whole raspberry on a wooden pick make a simple, elegant garnish that signals the flavors inside.
Pairings:

  • Light pastries: think lemon madeleines or almond financiers to complement the drinkโ€™s floral acidity.
  • Cheese: a mild, creamy ricotta toast balances the tart-sweet profile for a brunch pairing.
  • Cocktail hour: offer the boozy variant as an aperitif with citrus-forward small bites.

Temperature notes:
For iced service, consider pre-chilling your glasses so the syrup doesnโ€™t melt too quickly when poured over ice. For hot presentations, serve immediately after assembly to keep the foam intact and the layered effect visible. If youโ€™re serving a group, set up an assembly station with warmed milk, a pitcher of syrup, and pre-pulled shots so each cup is finished to order with consistent texture and temperature.

Storage & Make-Ahead Tips

Syrup storage:
The syrup keeps beautifully in a sealed container in the refrigerator, where its flavor continues to mature slightly over a few days. For the freshest brightness, use within a week; if you find the floral note intensifies over time, a touch of additional water can gently loosen concentration without losing clarity. Label your container with the date so you rotate stock and always use within an optimal window.
Milk and coffee prep:
If youโ€™re making drinks over a long service period, steam milk to order when possible. For gatherings, you can pre-froth milk and keep it warm in an insulated pitcher for a short window, but expect foam to lose stability after a while. Espresso can be pulled ahead and held briefly at warm temperature in a thermos, but fresh extraction yields the best crema and aromatic lift.
Freezing and extensions:
Syrup can be frozen in ice cube trays for single-serve portions; pop cubes into a jar and thaw as needed. If you plan to extend shelf life, preserve with a slightly higher sugar concentration and ensure airtight storage to prevent fermentation. Fresh fruit used for garnish should be stored separately and added at service to preserve texture and color.

Frequently Asked Questions

Can I make this caffeine-free?
Yes โ€” substitute the espresso with a concentrated rooibos or hibiscus-brewed tea to retain body while removing caffeine. The key is a concentrated base so the milk-to-brew ratio still reads as a latte.
How do I adjust sweetness?
Adjust the sweetener during syrup preparation; reduce the amount for a tarter result or swap in honey for floral complexity. Taste as the syrup cools since flavors evolve as temperature drops.
Will this work with plant milk?
Absolutely โ€” choose a barista-style plant milk for best steaming behavior. Oat milk gives the creamiest mouthfeel, while almond keeps things lighter and more fragrant.
Can I make the syrup without raspberries?
Yes โ€” hibiscus alone makes a vibrant syrup, though adding fresh berries brings a natural sweetness and depth that lifts the final drink.
Whatโ€™s the best way to prevent seeds in the syrup?
Press fruit gently during straining and discard solids; lining your sieve with a coffee filter removes fine particles for a silky finish.
Final note:
This recipe is forgiving and infinitely adaptable; once you understand the balance of floral, tart, and creamy elements, you can scale and adapt it for gatherings, seasonal variations, and creative cocktails. Experiment with citrus, basil, or different spirits to find your perfect signature cup.

Vibrant Raspberry & Hibiscus Latte

Vibrant Raspberry & Hibiscus Latte

Sip in style with our homegrown Raspberry & Hibiscus Latte ๐ŸŒบ๐Ÿ“โ€”a bright, floral latte that's perfect iced or hot. Quick, beautiful, and easy to turn into a cocktail for evening vibes ๐Ÿธโœจ.

total time

15

servings

2

calories

220 kcal

ingredients

  • 1 cup fresh raspberries (about 125 g) ๐Ÿ“
  • 1/4 cup dried hibiscus petals (about 15 g) ๐ŸŒบ
  • 1/2 cup granulated sugar (or honey) ๐Ÿฏ
  • 1 cup water ๐Ÿ’ง
  • 2 shots espresso (about 60 ml) โ˜•
  • 2 cups milk (dairy or plant) ๐Ÿฅ›
  • 1/2 tsp vanilla extract ๐Ÿƒ
  • Ice cubes (for iced version) ๐ŸงŠ
  • Fresh mint leaves and extra raspberries for garnish ๐ŸŒฟ๐Ÿ“
  • Optional: 45 ml gin or vodka (for cocktail twist) ๐Ÿธ

instructions

  1. Make the hibiscus-raspberry syrup: in a small saucepan, bring 1 cup water, hibiscus petals and sugar to a simmer. Stir until sugar dissolves, simmer 3โ€“4 minutes until deeply colored. Remove from heat and let steep 10 minutes. ๐Ÿ’ง๐ŸŒบ
  2. Strain the hibiscus syrup into a bowl, pressing petals to extract liquid. Return 1/3 of the syrup to the saucepan. ๐Ÿฏ
  3. Mash half the raspberries with a fork and stir into the warm hibiscus syrup. Warm gently for 2 minutes, then remove from heat and cool. Reserve extra whole raspberries for garnish. ๐Ÿ“
  4. Prepare espresso (or strong coffee) and set aside. โ˜•
  5. For iced latte: fill two glasses with ice. Divide 2โ€“3 tbsp hibiscus-raspberry syrup between the glasses. Add the espresso over the syrup. ๐ŸงŠ
  6. For hot latte: warm milk and whisk or froth until silky. Put 2โ€“3 tbsp syrup in each cup, pour espresso, then top with steamed milk. ๐Ÿฅ›
  7. Froth or steam the 2 cups of milk (or vigorously whisk) and pour over espresso in each glass/cup, creating a layered look. Spoon a little foam on top. โ˜•๐Ÿฅ›
  8. Optional cocktail twist: before adding espresso, stir 22โ€“45 ml (1โ€“1.5 oz) gin or vodka into the syrup in each glass, then proceed. Adjust alcohol to taste. ๐Ÿธ
  9. Garnish with fresh mint and whole raspberries. Serve immediately and enjoy the floral-berry brightness. ๐ŸŒฟ๐Ÿ“

related articles