The Bay Area Fog mocktail — dramatic orange-to-black layered drink with orange peel twist
Recipe guidance

mlb mocktails · alcohol-free

The Bay Area Fog

A dramatic orange-to-black layered mocktail with orange juice, chilled black tea, and food coloring — inspired by San Francisco fog and orange sunsets.

Recipe guidanceClear ingredients, preparation steps, serving yield, and optional swaps for home mixing.

Prep time

8 min

Total time

8 min

Serves

1

Difficulty

Medium

Bright & refreshing

A balanced alcohol-free drink built around real citrus and fruit flavor.

Simple ingredients

Easy-to-find ingredients and an approachable home-bar method.

Perfect for occasions

Made for an everyday treat, dinner party, or celebratory pour.

Ingredients

Makes 1 serving. Ingredient quantities update with the selected batch size.

  • 3 oz fresh orange juice
  • 0.5 oz simple syrup
  • 0.5 oz fresh lemon juice
  • 2 oz chilled strong black tea + 2 drops black food coloring (for the dark layer)
  • Black sugar, for rim
  • Ice
  • Orange peel twist, for garnish

Step-by-Step Instructions

  1. 1

    Prepare the glass

    Rim a rocks glass with black sugar: wet the rim with orange juice and dip into black sugar.

  2. 2

    Build the drink

    Mix the dark layer: stir the food coloring into the chilled black tea until evenly colored.

  3. 3

    Add the finishing touch

    Fill the glass with ice.

  4. 4

    Garnish & serve

    Combine orange juice, simple syrup, and lemon juice. Pour over ice — this is the orange base layer.

  5. 5

    Garnish & serve

    Slowly pour the dark black-tea layer over the back of a spoon onto the surface. It will float and create the dark top layer.

  6. 6

    Garnish & serve

    Garnish with an orange peel twist. Serve immediately.

Recipe Tips

  • Food coloring is optional; the chilled black tea still gives the top layer a deep, smoky hue.
  • The dark layer will slowly mix with the orange layer over time — serve immediately for the strongest contrast.
  • For a more dramatic effect, add one additional drop of food coloring at a time until the tea reaches the shade you like.

Make It Your Own

For a crowd: For game day, pre-batch the base in a team-color pitcher and keep any soda in a cooler. Let guests add their own garnish.

Easy swaps: Use a fruit with the same team-color effect when the named fruit is unavailable. Use plain soda water to reduce sweetness without losing the game-day look.

Frequently Asked Questions

Can I prepare this before the first pitch?

Yes. Prep the base and garnishes ahead, then add ice and bubbles right before serving.

How do I preserve the team colors?

Use clear or light mixers and layer or garnish just before serving.

Keep exploring

More Mocktails You'll Love

View all recipes →

You Might Also Like

More zero-proof recipes with a similar flavor path.

Explore More Recipe Collections