Home
- Men's Clothing
  - Hats
    - Sun Hats - Rain Hats - Safari Hats
      - Patagonia Surf Brim Hat

Secret Stash Sale - Save on Nearly Everything

Sage Khaki

Patagonia Surf Brim Hat

Item #PAT0053|3 in Stock – Ships Wicked Fast

Be first to testify.

Q & A Ask away, Sherlock.

Add Photos

100% Guaranteed

close Unconditional 100% Guarantee

We guarantee complete satisfaction and an unlimited lifetime warranty. If at any time - now, next month, in 30 years - you're not 100% satisfied, send your gear back for a full refund. No questions asked.
Need help returning an item? - Click Here close
Global Shipping Info

close Brand Notice

Due to contracts with the following brands, we are unable to ship any of their products outside the US. more...

Int'l Shipping

Backcountry.com uses UPS Worldwide Express or Worldwide Expedited for all shipping outside the United States. We have found this method to be quick, secure, and cost effective.
close
Pass It On

Patagonia Surf Brim Hat

The Patagonia Surf Brim Hat provides sun protection and, because of the neoprene chinstrap, stays put during a duck dive. Patagonia made this surfer's hat to be low profile so it slices through water. An inner neoprene headband gives you a snug fit, and two holes drain water or vent heat. The Surf Brim's nylon material dries quickly, and a dark under bill reduces glare.

Bottom Line: Wear the Patagonia Surf Brim Hat to protect your face and neck from sunburn when you surf or kayak.

Product Wall

Talk shop with all the gear freaks out there: ask 'em questions, upload/browse photos, and give your 2¢.

Hi, throw your review on the Product Wall to show your Gear-telligence.

Hi, got a question? Ask on the Product Wall.

Write a review, others want your opinion >

Got a question about this product? Other gear freaks might know the answer >

Be the first to upload your photo for Surf Brim Hat >

<form class="provide_answer_form" method="post" onsubmit="return false;" action="#">
		<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the answer form" class="flag_close"/></a></span>
		<input type="hidden" name="question_id" value="${question_id}" />
		<input type="hidden" name="answer_edit" value="1" />
		<h3>Impart your wisdom.</h3>
		<div class="error_message"></div>
		<div class="textarea_container">
  		<textarea name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this)">${content}</textarea>
		</div>
		<input type="image" src="http://content.backcountry.com/images/bcs/buttons/answer_it.gif" alt="Submit Answer" onclick="BCNTRY.wall.PDP.answer_question_onclick(this.form)" class="answer_it_button" />
		<span class="answer_chars"></span>
	</form>

{if display == 'flagged'}
		<div class="question">
			<div class="question_text"><span onclick="BCNTRY.wall.PDP.view_flagged_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a></span></div>
			<div class="question_by"> </div>
			{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
			{if messaging.answer}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}
		</div>
	{else}
	<div class="question">
		<h3><a href="${qanda_link}">${title}</a></h3>
		<div class="question_text"><p>${body}</p></div>
		<div class="question_by">
			<p>By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					<br />${date}</p>
		</div>
		<p class="question_options">
			{if user.id == curr_user.id}<span class="editq_link"><span onclick="BCNTRY.wall.PDP.edit_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span></span>{/if} 
			{if flagged}
			<span class="flag_link"><span onclick="BCNTRY.wall.PDP.unflag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span></span>
			<div class="error_message"></div>
			{else}
			<span class="flag_link"><span onclick="BCNTRY.wall.PDP.flag_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span></span>
			{/if}
		</p>
		{if messaging.question}<div class="qanda_question confirmation">${messaging.question}</div>{/if}
	</div>
		{if answer != null}
			<div class="answer">
			{if answer.display == 'flagged'}
				<div class="answer_text"><span onclick="BCNTRY.wall.PDP.view_flagged_question_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">${answer.flagged_description}</a></span></div>
				<div class="answer_info"> </div>
			{else}
				<div class="answer_text"><p>${answer.body}</p></div>
				<div class="answer_info">
					<p>By: ${answer.display_users}<br />${answer.date}</p>
				</div>
				<p class="answer_options">
					<span class="improve_link"><span onclick="BCNTRY.wall.PDP.improve_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Tweak This</a></span></span>
					{if answer.flagged}
						<span class="flag_link"><span onclick="BCNTRY.wall.PDP.unflag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Un-Flag</a></span></span>
                        <div class="error_message"></div>
					{else}
						<span class="flag_link"><span onclick="BCNTRY.wall.PDP.flag_answer_onclick(this, '${question_id}')"><a href="#" onclick="return false;" rel="nofollow">Flag</a></span></span>
					{/if}
				</p>
			{/if}
			{if messaging.answer}<div class="qanda_answer confirmation">${messaging.answer}</div>{/if}
			</div>
		{/if}
	{/if}

{if display == 'normal'}
		<div class="image_area">
			<a class="cpi_zoom" href="${url_large}" onclick="return false;">
				${url_small_html}
			</a>
		</div>
        <div class="cpi_right">
  			<h3>${title}</h3>
			<div class="image_by">
				<p>
					By: <a class="user_profile_link" href="${user.profile_url}">${user.display_name}</a>
					<a class="user_profile_link" href="${user.profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
					<br /><span class="review_date">${display_date}</span>
				</p>
			</div>
			<p class="cpi_desc">${description}</p>
			<p class="image_options">
				
				{if flagged}
					<span class="flag_link"><a href="#" onclick="BCNTRY.wall.PDP.unflag_cpi_onclick(this, '${id}');return false;" rel="nofollow">Un-Flag</a></span>
				{else}
					<span class="flag_link"><a href="#" onclick="BCNTRY.wall.PDP.flag_cpi_onclick(this, '${id}');return false;" rel="nofollow">Flag</a></span>
				{/if}
					<span class="zoom_link"><a class="cpi_zoom" href="${url_large}" onmouseover="BCNTRY.cpi.load_large_image(this);return false;" onclick="BCNTRY.show_large_panel();return false;">Zoom</a></span>
				{if owned_by_current_user}
					<span class="edit_img_link"><a href="#" onclick="BCNTRY.wall.PDP.inactivate_cpi_onclick(this, '${id}');return false;" rel="nofollow">Delete Photo</a></span>
				{/if}
			</p>
		</div>
		<div class="error_message"></div>
	{elseif display == 'flagged'}
		<div class="cpi_text">
			<p class="user_flagged_text">
        		<span onclick="BCNTRY.wall.PDP.flag_cpi_show_onclick(this, '${id}')">
					<a href="#" onclick="return false;" rel="nofollow">${flagged_description}</a>
				</span>
			</p>
		</div>
	{/if}
	{if message}<div class="cpi_flagged confirmation">${message}</div>{/if}

<div class="cpi_flag_panel">
		<form method="post" onsubmit="return false" action="http://www.backcountry.com/store/tribe/flag_cpi.html">
			<input type="hidden" name="cpi_id" value="${cpi_id}" />
			<a href="#" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this);return false;" rel="nofollow"><img src="/images/bcs/pdp/flag_close.gif" alt="Close Flagging Panel" class="cpi_flag_panel_close" /></a>
			<h3>Something wrong with this picture?</h3>
			<p>Thanks for pointing it out. We'll take it down immediately and send it to our clean-up crew.</p>
			<div class="error_message"></div>
			<ul>
				
					<li id="check_cpi_flag_${cpi_id}_1_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Offensive</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_1_chk" type="checkbox" name="flag" value="1" />
					</li>
				
					<li id="check_cpi_flag_${cpi_id}_5_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Copyrighted Material</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_5_chk" type="checkbox" name="flag" value="5" />
					</li>
				
					<li id="check_cpi_flag_${cpi_id}_4_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Duplicate</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_4_chk" type="checkbox" name="flag" value="4" />
					</li>
				
					<li id="check_cpi_flag_${cpi_id}_2_lbl" onclick="BCNTRY.toggle_check(this);">
						<a href="#" onclick="return false;" rel="nofollow">Other</a>
						<input class="checkbox" id="check_cpi_flag_${cpi_id}_2_chk" type="checkbox" name="flag" value="2" />
					</li>
				
			</ul>
			<input type="image" src="/images/bcs/buttons/save_qa.gif" value="Save" class="cpi_flag" onclick="BCNTRY.wall.PDP.flag_cpi_save_onclick(this, '${cpi_id}');" />
		</form>
	</div>

<div class="flag_container">
		<form class="flag_as_offensive" method="post" onsubmit="return false;" action="#">
			<input type="hidden" name="question_id" value="${question_id}"/>
			<span class="flag_close" onclick="BCNTRY.wall.PDP.close_dialog_onclick(this)"><a href="#" onclick="return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/flag_close.gif" alt="Close the flagging form" class="flag_close"/></a></span>
			<h4>Something rub you the wrong way?</h4>
			<p>Thanks for pointing it out. We'll send it immediately to our clean up crew. If you don't mind pointing us in the right direction...</p>
			<div class="error_message"></div>
			<h5>This post was:</h5>
			<ul>
				
				<li id="check_question_flag_${question_id}_1_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Offensive</a>
					<input class="checkbox" id="check_question_flag_${question_id}_1_chk" type="checkbox" name="flag" value="1" />
				</li>
				
				<li id="check_question_flag_${question_id}_4_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Duplicate</a>
					<input class="checkbox" id="check_question_flag_${question_id}_4_chk" type="checkbox" name="flag" value="4" />
				</li>
				
				<li id="check_question_flag_${question_id}_3_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Miscategorized</a>
					<input class="checkbox" id="check_question_flag_${question_id}_3_chk" type="checkbox" name="flag" value="3" />
				</li>
				
				<li id="check_question_flag_${question_id}_2_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Other</a>
					<input class="checkbox" id="check_question_flag_${question_id}_2_chk" type="checkbox" name="flag" value="2" />
				</li>
				
			</ul>
			<input class="save_question" src="http://content.backcountry.com/images/bcs/buttons/save_qa.gif" type="image" onclick="BCNTRY.wall.PDP.flag_question_submit_onclick(this.parentNode)" />
		</form>
	</div>

<h4>Something rub you the wrong way?</h4>
			<p>Thanks for pointing it out.</p>
			<div class="error_message"></div>
			<h4>Edit this post yourself:</h4>
			<div class="textarea_container">
			  <textarea name="answer_content" onkeyup="BCNTRY.wall.PDP.answer_content_onkeyup(this.form)" onfocus="BCNTRY.wall.PDP.answer_content_onfocus(this)">${content}</textarea>
		  </div>
			<span class="answer_chars"></span>

<h5 id="flag_edit">Or... let others do the dirty work.</h5>
			<p>This post was:</p>
			<ul>
				
				<li id="check_answer_flag_${question_id}_1_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Offensive</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_1_chk" type="checkbox" name="flag" value="1" />
				</li>
				
				<li id="check_answer_flag_${question_id}_4_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Duplicate</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_4_chk" type="checkbox" name="flag" value="4" />
				</li>
				
				<li id="check_answer_flag_${question_id}_3_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Miscategorized</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_3_chk" type="checkbox" name="flag" value="3" />
				</li>
				
				<li id="check_answer_flag_${question_id}_2_lbl" onclick="BCNTRY.toggle_check(this);">
					<a href="#" onclick="return false;" rel="nofollow">Other</a>
					<input class="checkbox" id="check_answer_flag_${question_id}_2_chk" type="checkbox" name="flag" value="2" />
				</li>
				
			</ul>
			<div class="clearb"></div>

<form name="rev${review_id}" id="rev${review_id}" method="post" action="http://www.backcountry.com/store/PAT0053/Patagonia-Surf-Brim-Hat.html">
		<input type="hidden" value="${review_id}" name="review_id" />
		<input type="hidden" value="${link_id}" name="link_id" />
		<input type="hidden" value="" name="helpful_review" />
		${rank_image}
		<h3><a href="${review_link}">${review_title}</a></h3>
		<p>By: <a class="user_profile_link" href="${user_profile_url}">${user.display_name}</a>
				<a class="user_profile_link" href="${user_profile_url}"><img class="minipro_icon" src="http://content.backcountry.com/images/bcs/profile/minipro_icon.gif" alt="" /></a>
				<br /><span class="review_date">${date}</span></p>
		<div class="review_text"><p>${body}</p></div>
		<div class="review_helpfulness">
		<p>Was this helpful? <a href="#" onclick="readReview('rev${review_id}', true, '${link_id}'); return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/thumbs_up.gif" alt="Yes" /></a> (${helpful_count}) <a href="#" onclick="readReview('rev${review_id}', false, '${link_id}'); return false;" rel="nofollow"><img src="http://content.backcountry.com/images/bcs/pdp/thumbs_down.gif" alt="No" /></a> (${unhelpful_count})</p>
		</div>
	</form>

Tech Specs:

Material:	100% Nylon with DWR finish
Adjustability:	Rear buckle
Recommended Use:	Kayaking, surfing, boating
Manufacturer Warranty:	Lifetime

You might also dig...

Columbia Omni-Dry Limitless Visor

$12.57

Outdoor Research Solaris Hat - Women's

$16.87

Mountain Hardwear Epic Rain Hat

$35.96

Clothing

Gear

Accessories

Patagonia Surf Brim Hat

Please choose an option to order this item.

Patagonia Surf Brim Hat

Product Wall

Tech Specs:

You might also dig...