Put Together
Travel Capsule

What to Wear in San Francisco in June 2026

21°C / 70°F high · 12°C / 54°F low · 1 rain days · 14h 45m daylight
TL;DR

SF in June is June Gloom: 21°C / 70°F afternoons, 12°C / 54°F mornings, near-daily fog over Sunset, Richmond, and Ocean Beach.

Do
  • Commit to three layers: camel harrington + cream crew sweatshirt + merino long-sleeve tee
  • Dark navy wide-leg trousers — SF denim is straightforward, not a statement
  • White chunky sneakers (Hoka or NB-adjacent) for the 20%+ grades
  • A dark brown structured shoulder bag — SF-quiet against the harrington
  • Beanie + silk scarf in the bag year-round
Don't
  • Pack only for warm weather — Ocean Beach can be 13°C / 55°F at 3pm
  • Wear sheer or floaty fabrics — SF wind kills the look in an hour
  • Expect 'California summer' to apply — it doesn't, not here

June in San Francisco means June Gloom — the thick marine layer that parks itself over the western half of the city from late May through mid-July. NOAA climate data show afternoons at 21°C / 70°F and mornings at 12°C / 54°F, with barely 1 rain day across the whole month. But the fog does the work of rain in SF: it keeps everything cool, damp at the edges, and requires real layering. Windy afternoons at Ocean Beach or the Presidio can feel 10°C / 50°F cooler than sunny Mission afternoons just 4 miles east. The local June uniform: merino tee, cream crew-neck sweatshirt, a camel harrington jacket, dark navy wide-leg trousers, white chunky sneakers. Anyone who packed 'California summer' regrets it. Anyone who packed three layers dresses right every day.

Anyone who packed 'California summer' regrets it. Anyone who packed three layers dresses right every day.

The capsule

  1. Camel Harrington Jacket
    01
    Camel harrington jacket

    June Gloom drizzle reads softer than May's mist — a camel harrington handles the marine-layer damp without the ceremony of May's trench. Belted-back-of-collar styling sits cleanly under a Mission cardigan run, packs lighter for the 4pm Ocean Beach pivot. Drake's, Baracuta G9, or Uniqlo for the accessible version.

  2. Cream Crew-Neck Sweatshirt
    02
    Cream crew-neck sweatshirt

    The mid layer that makes the June outfit work — a sweatshirt instead of a knit because June fog wets fabric and cotton dries faster than cashmere over a day on the Embarcadero. Cream sits cleanly under the harrington and over a tee at Dolores Park. Patagonia Better Sweater fans, take note.

  3. White Cropped Three Quarter Sleeve Tee
    03
    Merino long-sleeve tee

    The base. Icebreaker or Smartwool. Breathes at 22°C / 72°F Mission, insulates at 13°C / 55°F Ocean Beach — same piece.

  4. Dark Navy Wide-Leg Trousers
    04
    Dark navy wide-leg trousers

    SF denim is straightforward — wide-leg trousers in dark navy step up the silhouette without changing the practicality. Hides fog condensation marks; reads more 2026 editorial than straight-leg jeans; pairs cleanly with the harrington.

  5. White Fitted Midi Dress
    05
    Midi dress with layering pieces

    For a rare warm Mission afternoon. Pair with the sweatshirt and harrington for the inevitable cool-down by 6pm.

  6. White Chunky Sneakers
    06
    White chunky sneakers (Hoka or NB-adjacent)

    SF's hills are serious. White chunky sneakers — the 2026 silhouette over last year's low-tops — hold up against 20%+ grades and the slick Powell Street cable-car tracks where thin soles slip. Hokas (Clifton, Bondi) still read local-tech.

  7. Dark Brown Structured Shoulder Bag
    07
    Dark brown structured shoulder bag

    SF tech culture makes backpacks more acceptable than in LA or NYC, but the structured leather shoulder bag steps up for Mission dinners while still holding a Hydro Flask. Dark brown reads SF-quiet against the camel harrington where black reads downtown-tech.

Other suggestions (good-to-haves)
  • Beanie + silk scarf + sunglasses — Foggy morning gets a beanie; sunny afternoon gets sunglasses; windy walk gets the scarf for your hair. All three live in the bag.

Day to night

Morning

Merino tee · navy wide-leg trousers · cream crew sweatshirt · harrington · white chunky sneakers · structured brown shoulder bag. Coffee at Sightglass, walk the Embarcadero.

San Francisco in June morning — navy double-breasted peacoat, white jeans, olive suede boots, brown monogram duffle bag
Evening

Midi dress · cream crew sweatshirt · ankle boots · structured brown shoulder bag. Dinner at Nopa, drinks at Trick Dog.

San Francisco in June evening — beige chunky off-the-shoulder knit sweater, dark brown mini skirt, dark brown leather loafers, brown suede shoulder bag, gold pendant necklace

What to avoid

Frequently asked questions

The marine layer. Pacific cold-water upwelling off the California coast cools the air above it, which gets pushed inland through the Golden Gate and over the peninsula, creating a persistent fog layer. Locals call it June Gloom and the full pattern lasts from late May through July. NOAA climate data: average June high is 21°C (70°F), low is 12°C (54°F) — cooler than most American visitors expect.

June Gloom is the SF-specific marine-layer weather pattern: thick low fog that covers the city's western neighborhoods (Sunset, Richmond, Ocean Beach) all morning, often lifting in the Mission and Potrero by noon, but frequently returning by 5pm. It's the reason SF summer feels cold and why every local carries a layer.

Three layers: base (merino tee or long-sleeve), mid (cream crew sweatshirt or cashmere hoodie), outer (camel harrington or light jacket). Plus dark navy wide-leg trousers, 1-2 dresses for warm Mission afternoons, a pair of supportive sneakers, and a structured shoulder bag. Skip sandals, shorts as primary bottoms, and anything sheer.

A light water-resistant jacket is useful for Ocean Beach and Pacific-side walks (mist, not rain), but June averages only 1 rain day across the whole month. A wind-resistant harrington handles 95% of June SF weather.

Layered neutrals, supportive footwear, and function-first outerwear. Typical June uniform: merino tee, cream crew sweatshirt, dark navy wide-leg trousers, white chunky sneakers, camel harrington jacket, a structured shoulder bag. SF dresses less trendy than LA and less formal than NYC.

Try Put Together
Plan your San Francisco June capsule
Put Together recommends outfits from your own closet based on weather, location, and your schedule. Download free on iPhone.
AI Outfit Planner: PutTogether app icon
AI Outfit Planner: PutTogether
Daily Closet Fits by Weather
5.0Lifestyle12+
Download on theApp Store
Free to try. iPhone only.