www.johnnie-o.com Open in urlscan Pro
23.227.38.74  Public Scan

Form analysis
4 forms found in the DOM

<form><span class="fieldset">
    <p><input type="checkbox" value="check" id="chkMain" checked="checked" class="legacy-group-status optanon-status-checkbox"><label for="chkMain">Active</label></p>
  </span></form>

GET /search

<form action="/search" class="site-header__search-wrap" id="mainSearchForm" method="get" role="search">
  <input type="hidden" name="type" value="product">
  <div class="container">
    <div class="container-search">
      <input aria-label="Press enter to submit search" type="search" name="q" id="SearchDesktop" value="" placeholder="Search" class="flex-fill rfk_sb" data-js-search-input="" data-rfkid="rfkid_6" data-tdi="0" autocomplete="off">
    </div>
  </div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-KuK8Ac" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 100%; overflow: visible; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgba(255, 255, 255, 0); background-repeat: no-repeat; background-position-y: 50%; padding: 10px 4px 10px 5px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px; justify-content: center;">
    <div data-testid="form-row" class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: row; align-items: stretch; position: relative;">
      <div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1 klaviyo-form-email-col"
        style="display: flex; justify-content: flex-start; padding: 10px 0px 10px 6px; position: relative; flex: 1 0 0px;">
        <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-grow: 1; flex-direction: column; align-self: flex-end;"><input id="email_25551215" class="needsclick go169288448 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Enter Email Address" aria-label="Enter Email Address" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 2px; padding: 0px 0px 0px 16px; height: 38px; text-align: left; color: rgb(0, 0, 0); font-family: Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 10px; font-weight: 400; letter-spacing: 0px; background-color: rgb(255, 255, 255); border: 1px solid rgb(180, 187, 195);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
      <div component="[object Object]" data-testid="form-component" class="needsclick kl-private-reset-css-Xuajs1 klaviyo-form-button-col"
        style="display: flex; justify-content: flex-start; padding: 10px 8px 10px 1px; position: relative; flex: 1 0 0px;"><button class="needsclick go3894874857 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(33, 38, 51); border-radius: 0px; border-style: none; border-color: rgb(0, 0, 0); border-width: 0px; color: rgb(255, 255, 255); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-size: 10px; font-weight: 700; letter-spacing: 1px; line-height: 1; white-space: normal; padding-top: 11px; padding-bottom: 11px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: auto; width: 100%;">SUBMIT</button>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

<form action="" id="fitToolForm">
  <div class="fit-tool-sub-header">
    <p>Enter your details for an accurate recomendation.</p>
    <p>This will help us recommend the best size for you in this style.</p>
  </div>
  <div class="fit-tool-inner-bg modal-inner-bg">
    <div class="fit-tool-outer-row">
      <div class="fit-tool-outer-col fit-tool-outer-col-left"> </div>
      <div class="fit-tool-outer-col fit-tool-outer-col-right">
        <div class="fit-tool-inner-row">
          <div class="fit-tool-inner-col fit-tool-inner-col-left"> </div>
          <div class="fit-tool-inner-col fit-tool-inner-col-right fit-tool-units-group"> <a href="javascript:void(0);" class="js-toggle-units-toggle js-toggle-units-us active">US</a>
            <a href="javascript:void(0);" class="js-toggle-units-toggle js-toggle-units-metric">Metric</a> </div>
        </div>
      </div>
    </div>
    <div class="fit-tool-units-us active">
      <div class="fit-tool-outer-row">
        <div class="fit-tool-outer-col fit-tool-outer-col-left">
          <label for="fitToolHeight">Height</label>
        </div>
        <div class="fit-tool-outer-col fit-tool-outer-col-right">
          <div class="fit-tool-inner-row">
            <div class="fit-tool-inner-col fit-tool-inner-col-left">
              <div class="fit-slider">
                <input type="range" min="58" max="88" step="1" value="70" data-rangeslider="" id="fitToolHeight">
              </div>
            </div>
            <div class="fit-tool-inner-col fit-tool-inner-col-right">
              <div class="fit-tool-height-row">
                <div class="fit-tool-height-col fit-tool-height-col-left">
                  <div class="fit-tool-input-row">
                    <div class="fit-tool-input-col fit-tool-input-col-left">
                      <label class="visually-hidden" for="fitToolHeightFeet">Height in Feet</label>
                      <input type="number" id="fitToolHeightFeet" name="fitToolHeightFeet" min="4" max="7">
                    </div>
                    <div class="fit-tool-input-col fit-tool-input-col-right"> ft. </div>
                  </div>
                </div>
                <div class="fit-tool-height-col fit-tool-height-col-right">
                  <div class="fit-tool-input-row">
                    <div class="fit-tool-input-col fit-tool-input-col-left">
                      <label class="visually-hidden" for="fitToolHeightInches">Height in Inches</label>
                      <input type="number" id="fitToolHeightInches" name="fitToolHeightInches" min="0" max="11">
                    </div>
                    <div class="fit-tool-input-col fit-tool-input-col-right"> in. </div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="fit-tool-outer-row">
        <div class="fit-tool-outer-col fit-tool-outer-col-left">
          <label for="fitToolWeight">Weight</label>
        </div>
        <div class="fit-tool-outer-col fit-tool-outer-col-right">
          <div class="fit-tool-inner-row">
            <div class="fit-tool-inner-col fit-tool-inner-col-left">
              <div class="fit-slider">
                <input type="range" min="100" max="300" step="5" data-rangeslider="" id="fitToolWeight" value="180">
              </div>
            </div>
            <div class="fit-tool-inner-col fit-tool-inner-col-right">
              <div class="fit-tool-input-row">
                <div class="fit-tool-input-col fit-tool-input-col-left">
                  <label class="visually-hidden" for="fitToolWeightLbs">Weight in Pounds</label>
                  <input type="number" id="fitToolWeightLbs" name="fitToolWeightLbs" min="100" max="300">
                </div>
                <div class="fit-tool-input-col fit-tool-input-col-right"> lb. </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="fit-tool-units-metric">
      <div class="fit-tool-outer-row">
        <div class="fit-tool-outer-col fit-tool-outer-col-left">
          <label for="fitToolHeightMetric">Height</label>
        </div>
        <div class="fit-tool-outer-col fit-tool-outer-col-right">
          <div class="fit-tool-inner-row">
            <div class="fit-tool-inner-col fit-tool-inner-col-left">
              <div class="fit-slider">
                <input type="range" min="147" max="224" step="1" data-rangeslider="" id="fitToolHeightMetric">
              </div>
            </div>
            <div class="fit-tool-inner-col fit-tool-inner-col-right">
              <div class="fit-tool-input-row">
                <div class="fit-tool-input-col fit-tool-input-col-left">
                  <label class="visually-hidden" for="fitToolHeightMetricCM">Height in Centimeters</label>
                  <input type="number" id="fitToolHeightMetricCM" name="fitToolHeightMetricCM" min="147" max="224">
                </div>
                <div class="fit-tool-input-col fit-tool-input-col-right"> cm </div>
              </div>
            </div>
          </div>
        </div>
      </div>
      <div class="fit-tool-outer-row">
        <div class="fit-tool-outer-col fit-tool-outer-col-left">
          <label for="fitToolWeightMetric">Weight</label>
        </div>
        <div class="fit-tool-outer-col fit-tool-outer-col-right">
          <div class="fit-tool-inner-row">
            <div class="fit-tool-inner-col fit-tool-inner-col-left">
              <div class="fit-slider">
                <label class="visually-hidden" for="fitToolWeightMetric">Weight in Kilograms</label>
                <input type="range" min="45" max="136" step="5" data-rangeslider="" id="fitToolWeightMetric">
              </div>
            </div>
            <div class="fit-tool-inner-col fit-tool-inner-col-right">
              <div class="fit-tool-input-row">
                <div class="fit-tool-input-col fit-tool-input-col-left">
                  <input type="number" id="fitToolWeightKG" name="fitToolWeightKG" min="45" max="136">
                </div>
                <div class="fit-tool-input-col fit-tool-input-col-right"> kg </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="fit-tool-outer-row">
      <div class="fit-tool-outer-col fit-tool-outer-col-left">
        <label for="fitToolShape">How do you like this item to fit? <span class="visually-hidden">From 1 being tighter to 5 being looser.</span></label>
      </div>
      <div class="fit-tool-outer-col fit-tool-outer-col-right">
        <div class="fit-tool-inner-row">
          <div class="fit-tool-inner-col fit-tool-inner-col-left">
            <div class="fit-slider">
              <input type="range" min="1" max="5" step="1" data-rangeslider="" id="fitToolShape">
            </div>
            <div class="fit-tool-shape-row">
              <div class="fit-tool-shape-col"> Tighter </div>
              <div class="fit-tool-shape-col"> Ideal </div>
              <div class="fit-tool-shape-col"> Looser </div>
            </div>
          </div>
          <div class="fit-tool-inner-col fit-tool-inner-col-right"> </div>
        </div>
      </div>
    </div>
  </div>
  <div id="fitToolSumbitButton">
    <button type="submit" name="submit_fit_tool" class="btn btn-primary btn-block"> Find My Size </button>
  </div>
</form>

Text Content

This website is AudioEye enabled and is being optimized for accessibility. To
open the AudioEye Toolbar, press "shift + =". Some assistive technologies may
require the use of a passthrough function before this keystroke. For more
information, activate the button labeled “Explore your accessibility options”.

Cookie Notice

We use our own and third-party cookies to improve your experience and our
services and to analyze the use of our website. If you continue browsing, we
take that to mean that you accept their use. +privacy policy


Close


 * Your Privacy

 * Strictly Necessary Cookies

 * Performance Cookies

 * Functional Cookies

 * Targeting Cookies

 * More Information

Privacy Preference Centre

Active

Always Active



Save Settings

Allow All

Skip to content
slide 1 of 1

Free shipping on orders $85+ & Free Returns

prevnext
x



 * New

 * Men
 * Boys
 * Game Day

 * Collections

 * About Us

 * Sign in

 * Help
   * Contact Us
     877-787-4703
   * Returns & Exchanges
     Free returns within 30 days
   * FAQ
     Find your answer fast
   * Chat Icon
     Live Chat

 * Men
 * Boys
 * Shop The Catalog

 * Polos
 * Button Up Shirts
 * Pants
 * Shorts
 * Quarter-Zips
 * Sweatshirts & Hoodies
 * T-Shirts
 * Swim
 * Footwear
 * Jackets
 * Vests
 * Sport Coats
 * Sweaters
 * Boxers & Pajamas
 * Accessories

 * Polos
 * Button Up Shirts
 * T-Shirts
 * Outerwear & Pullovers
 * Pants
 * Shorts
 * Swim

 * 123rd U.S. Open
 * NCAA
 * MLB
 * SDA

 * The Getaway Shop
 * Golf Shop
 * John's Picks
 * SoCal Blues
 * The Essentials
 * Coffee Run
 * Hangin' Out
 * PREP-FORMANCE
 * Featherweight
 * Top Shelf
 * Big & Tall

 * Our Story
 * Blog: Blue Room
 * Stores
 * Tweener Button
 * Friends of JO


johnnie-O
 * New
   johnnie-O
    * Men
    * Boys
    * The Getaway Shop
    * Coffee Run
   
   easy to wear polos
   shop new arrivals
 * Men
   johnnie-O
    * Shop All Men's
   
    * Shirts
      
       * Polos
       * T-Shirts
       * Button Up Shirts
   
    * Bottoms
      
       * Pants
       * Shorts
       * Swim
       * Boxers & Pajamas
   
    * Layering
      
       * Quarter-Zips
       * Sweaters
       * Sweatshirts & Hoodies
       * Jackets
       * Vests
       * Sport Coats
   
    * Footwear
   
    * Accessories
      
       * Hats
       * Belts
       * Other Gear
   
    * Collections
      
       * New Arrivals
       * Golf Shop
       * Coffee Run
       * PREP-FORMANCE
       * Hangin' Out
       * Big & Tall
   
    * Game Day
      
       * NCAA
       * MLB
       * 123rd U.S. Open
   
   
   fresh footwear
 * Boys
   johnnie-O
    * New Arrivals
    * Just Like Dad
    * Boys' Getaway Shop
   
    * Tops
      
       * Polos
       * T-Shirts
       * Button Up Shirts
       * Pullovers & Outerwear
   
    * Bottoms
      
       * Shorts
       * Pants
       * Swim
   
   
   the boys shop
 * Collections
   johnnie-O
   
    * Seasonal Collections
      
       * The Getaway Shop
       * SoCal Blues
       * Coffee Run
       * New Arrivals
       * Shop the Catalog
   
    * Game Day
      
       * NCAA
       * MLB
       * SDA
   
    * JO Staples
      
       * The Essentials
       * John's Picks
       * Hangin' Out
       * PREP-FORMANCE
       * Featherweight
       * Top Shelf
       * Best Sellers
       * Big & Tall
   
    * The Golf Shop
      
       * All Golf Items
       * Golf Polos
       * Golf Layers
       * Golf Bottoms
       * Golf Accessories
       * 123rd U.S. Open
   
   
   shop your school
 * NCAA
 * About Us
   johnnie-O
    * Our Story
    * Blog: Blue Room
    * Stores
    * Tweener Button
    * Friends of JO
   
   READ OUR STORY
   OUR PATENTED TWEENER BUTTON
 * Shop The Catalog

Surfer
Search
 * Help
   * Contact Us
     877-787-4703
   * Returns & Exchanges
     Free returns within 30 days
   * FAQ
     Find your answer fast
   * Chat Icon
     Live Chat

 * Sign in

0
slide 1 of 1


READY FOR A GETAWAY?

shop New Arrivals



PACK YOUR BAGS

Made from breathable fabrics to beat the heat. Load up on all new stripes and
patterns.

shop now
slide 3 to 4 of 6

Quick Shop
The Original 4-Button Polo


LINDLEY PRINTED POLO



$98


Chambray
Quick Shop

Quick Shop
Prep-Formance Jersey


SURFIN' STRIPES POLO

5.0 star rating 5 Reviews




$98


Baja

White
Quick Shop

Quick Shop
New Arrival


SHORELINE PIQUE POLO

4.8 star rating 59 Reviews




$98


Atlantic

White

Rover

Gulf Blue

Baja
+
Quick Shop

Quick Shop
The Original 4-Button Polo


THE OG PIQUE POLO



$98


Heather Gray

Maverick

Baja

Taffy
+
Quick Shop

Quick Shop
The Original 4-Button Polo


DANTE STRIPED POLO

4.9 star rating 152 Reviews




$89


Parakeet

Starfish

Oceanside

Kiwi

Heather Gray

Yacht Blue

Gulf Blue

Antigua

Bondi Blue

Cove

Carnival

Confetti

Nantucket
+
Quick Shop

Quick Shop
The Original 4-Button Polo


HEATHERED ORIGINAL POLO

4.8 star rating 193 Reviews




$89


Bondi Blue

Cove

Oceanside

Kiwi

Yacht Blue

Gulf Blue

Starfish

Carnival

Heather Gray

Cherry

Antigua

Nantucket

Periwinkle
+
Quick Shop

Quick Shop
The Original 4-Button Polo


LINDLEY PRINTED POLO



$98


Chambray
Quick Shop

Quick Shop
Prep-Formance Jersey


SURFIN' STRIPES POLO

5.0 star rating 5 Reviews




$98


Baja

White
Quick Shop

Quick Shop
New Arrival


SHORELINE PIQUE POLO

4.8 star rating 59 Reviews




$98


Atlantic

White

Rover

Gulf Blue

Baja
+
Quick Shop

Quick Shop
The Original 4-Button Polo


THE OG PIQUE POLO



$98


Heather Gray

Maverick

Baja

Taffy
+
Quick Shop


THE SWIM SHOP

Shop now

PRINTED BUTTON UP SHIRTS

shop now

CLASSIC POCKET TEES

shop now

PREP-FORMANCE POLOS

shop now

VERSATILE SHORTS

shop now

LIGHTWEIGHT 1/4 ZIPS

shop now


ON-THE-GO PULLOVERS

shop now
slide 2 of 3
Surfer


COMFORT AND STYLE

Their shirts fit great, soft material and very stylish. Orders ship quickly and
accurately. Great brand,

very satisfied with several items I have purchased. 

MICHAEL H.

VERIFIED BUYER

Surfer


CONSISTENT QUALITY

We love johnnie-O! The clothes are the most comfortable to wear and we love all
the styles & designs.

We have been shopping johnnie-O’s for years and we are NEVER disappointed!

CREE D.

VERIFIED BUYER

Surfer


SOMETHING FOR EVERYONE

I have shopped at johnnie-O for years and have been completely happy with my
purchases for myself and for the gifts I have

been able to give others. Quality, packaging and customer service have been
superb. 

ANDY K.

VERIFIED BUYER

Surfer


COMFORT AND STYLE

Their shirts fit great, soft material and very stylish. Orders ship quickly and
accurately. Great brand,

very satisfied with several items I have purchased. 

MICHAEL H.

VERIFIED BUYER

Surfer


CONSISTENT QUALITY

We love johnnie-O! The clothes are the most comfortable to wear and we love all
the styles & designs.

We have been shopping johnnie-O’s for years and we are NEVER disappointed!

CREE D.

VERIFIED BUYER




JUST FOR YOU

slide 9 to 13 of 10

Quick Shop
PREP-FORMANCE


CALCUTTA PREP-FORMANCE WOVEN SHORTS



$98


Malibu Red

Lake

Maverick

Light Khaki

Chrome

Black

Laguna Blue

White

Baja
+
Quick Shop

Quick Shop
New Arrival


SANTIAGO COTTON STRETCH SHORTS



$98


Baja

White

Palm

Sky Blue

Malibu Red

Stone

Chrome

Wake
+
Quick Shop

Quick Shop
New Arrival


HEATHERED DALE T-SHIRT



$48


Greenie

Sunny

Maliblu

Gulf Blue

Heather Gray

Seaglass

Oceanside

Ruby Red

Aster

Whaler

Clementine

Popsicle
+
Quick Shop

Quick Shop
PREP-FORMANCE


PIMENTO MESH TRUCKER HAT



$29


Green
Quick Shop

Quick Shop
PREP-FORMANCE


CROSS COUNTRY PREP-FORMANCE SHORTS



$98


Stone

High Tide

Quarry

Light Khaki

Black

Ripple
+
Quick Shop

Quick Shop
The Original 4-Button Polo


HEATHERED ORIGINAL POLO



$89


Bondi Blue

Cove

Oceanside

Kiwi

Yacht Blue

Gulf Blue

Starfish

Carnival

Heather Gray

Cherry

Antigua

Nantucket

Periwinkle
+
Quick Shop

Quick Shop
The Original 4-Button Polo


DANTE STRIPED POLO



$89


Parakeet

Starfish

Oceanside

Kiwi

Heather Gray

Yacht Blue

Gulf Blue

Antigua

Bondi Blue

Cove

Carnival

Confetti

Nantucket
+
Quick Shop

Quick Shop
PREP-FORMANCE


VAUGHN STRIPED PREP-FORMANCE 1/4 ZIP PULLOVER



$118


Tango

Baja

Pompei

White

Iguana

Maverick

Meteor

Malibu Red

Taffy

Twilight
+
Quick Shop

Quick Shop
New Arrival


HALF ELASTIC 7" SURF SHORTS



$89


Copacabana

Tortuga

Jose

Buena Vista

Samoa

Dorado

Jaco

Limon

Cruz

Canero

Miguel

Brava Lake

Tesoro

Devin

Santana

Bongo

Del Sol

Brava Taffy

Toma

Marta
+
Quick Shop

Quick Shop
Best Seller


DALE T-SHIRT



$42


Malibu Red

Squash

Graphite

Spearmint

Whaler

White

Wake

Maliblu

Steel

Olive

Persian

Periwinkle

Viola

Blush

Banana

Barley

Black

Crimson
+
Quick Shop

Quick Shop
PREP-FORMANCE


CALCUTTA PREP-FORMANCE WOVEN SHORTS



$98


Malibu Red

Lake

Maverick

Light Khaki

Chrome

Black

Laguna Blue

White

Baja
+
Quick Shop

Quick Shop
New Arrival


SANTIAGO COTTON STRETCH SHORTS



$98


Baja

White

Palm

Sky Blue

Malibu Red

Stone

Chrome

Wake
+
Quick Shop

Quick Shop
New Arrival


HEATHERED DALE T-SHIRT



$48


Greenie

Sunny

Maliblu

Gulf Blue

Heather Gray

Seaglass

Oceanside

Ruby Red

Aster

Whaler

Clementine

Popsicle
+
Quick Shop

Quick Shop
PREP-FORMANCE


PIMENTO MESH TRUCKER HAT



$29


Green
Quick Shop

Quick Shop
PREP-FORMANCE


CROSS COUNTRY PREP-FORMANCE SHORTS



$98


Stone

High Tide

Quarry

Light Khaki

Black

Ripple
+
Quick Shop

Quick Shop
The Original 4-Button Polo


HEATHERED ORIGINAL POLO



$89


Bondi Blue

Cove

Oceanside

Kiwi

Yacht Blue

Gulf Blue

Starfish

Carnival

Heather Gray

Cherry

Antigua

Nantucket

Periwinkle
+
Quick Shop

Quick Shop
The Original 4-Button Polo


DANTE STRIPED POLO



$89


Parakeet

Starfish

Oceanside

Kiwi

Heather Gray

Yacht Blue

Gulf Blue

Antigua

Bondi Blue

Cove

Carnival

Confetti

Nantucket
+
Quick Shop

Quick Shop
PREP-FORMANCE


VAUGHN STRIPED PREP-FORMANCE 1/4 ZIP PULLOVER



$118


Tango

Baja

Pompei

White

Iguana

Maverick

Meteor

Malibu Red

Taffy

Twilight
+
Quick Shop

Quick Shop
New Arrival


HALF ELASTIC 7" SURF SHORTS



$89


Copacabana

Tortuga

Jose

Buena Vista

Samoa

Dorado

Jaco

Limon

Cruz

Canero

Miguel

Brava Lake

Tesoro

Devin

Santana

Bongo

Del Sol

Brava Taffy

Toma

Marta
+
Quick Shop

Quick Shop
Best Seller


DALE T-SHIRT



$42


Malibu Red

Squash

Graphite

Spearmint

Whaler

White

Wake

Maliblu

Steel

Olive

Persian

Periwinkle

Viola

Blush

Banana

Barley

Black

Crimson
+
Quick Shop

Quick Shop
PREP-FORMANCE


CALCUTTA PREP-FORMANCE WOVEN SHORTS



$98


Malibu Red

Lake

Maverick

Light Khaki

Chrome

Black

Laguna Blue

White

Baja
+
Quick Shop

Quick Shop
New Arrival


SANTIAGO COTTON STRETCH SHORTS



$98


Baja

White

Palm

Sky Blue

Malibu Red

Stone

Chrome

Wake
+
Quick Shop

Quick Shop
New Arrival


HEATHERED DALE T-SHIRT



$48


Greenie

Sunny

Maliblu

Gulf Blue

Heather Gray

Seaglass

Oceanside

Ruby Red

Aster

Whaler

Clementine

Popsicle
+
Quick Shop

Quick Shop
PREP-FORMANCE


PIMENTO MESH TRUCKER HAT



$29


Green
Quick Shop

Quick Shop
PREP-FORMANCE


CROSS COUNTRY PREP-FORMANCE SHORTS



$98


Stone

High Tide

Quarry

Light Khaki

Black

Ripple
+
Quick Shop

Quick Shop
The Original 4-Button Polo


HEATHERED ORIGINAL POLO



$89


Bondi Blue

Cove

Oceanside

Kiwi

Yacht Blue

Gulf Blue

Starfish

Carnival

Heather Gray

Cherry

Antigua

Nantucket

Periwinkle
+
Quick Shop

877-787-4703
EMAIL US
Store Locator
Gift Cards

MORE WAYS TO SHOP

MORE WAYS TO SHOP

 * Our Stores
 * Store Locator
 * Gift Cards
 * Custom & Corporate
 * Online Catalog
 * Request a Catalog

SUPPORT

SUPPORT

 * Contact Us
 * My Account
 * Size Guide
 * Returns and Exchanges
 * Catalog Unsubscribe
 * Got Suggestions?
 * Accessibility

ABOUT

ABOUT

 * Our Story
 * Blog : Blue Room
 * Careers
 * Wholesale
 * FAQs
 * California Supply Chains Act
 * Interest-Based Ads
 * Do Not Sell My Info

Its all about the JOurney
and the experiences along the way that define our style. The brand character is
a true fabric of East Coast Classic meets SoCal Lifestyle.
(Pun intended).
 * Facebook
 * Instagram
 * Twitter
 * Pinterest

LET'S KEEP IN TOUCH

Want exclusive offers and first access to products?

SUBMIT
By entering your email, you agree to our Terms of Service + Privacy Policy,
including receipt of emails and promotions. You can unsubscribe at any time.

FOLLOW US

 * Facebook
 * Instagram
 * Twitter
 * Pinterest

Copyright © johnnie-O 2023 Terms & Conditions Privacy
 * 

Back to Top

0


YOUR CART

Close
You have no items in your shopping cart


QUICK SHOP

Close

Surfer


Enter your details for an accurate recomendation.

This will help us recommend the best size for you in this style.

US Metric
Height
Height in Feet
ft.
Height in Inches
in.
Weight
Weight in Pounds
lb.
Height
Height in Centimeters
cm
Weight
Weight in Kilograms
kg
How do you like this item to fit? From 1 being tighter to 5 being looser.
Tighter
Ideal
Looser

Find My Size

Your johnnie-O size calculation is complete.

This item will fit you best in size:



Start Over
Save to your account

Surfer


We have teamed up with the experts at Hemster to hem your johnnie-O pants!


HOW IT WORKS


1. PLACE YOUR ORDER

Click “Free Custom Tailoring” on any pants page and add the pants to your cart.
A Hemster Fit Kit will also be added to your cart for free.


2. SCHEDULE A VIRTUAL FITTING

After you have placed your order, you will receive an email to schedule a
virtual fitting session with a Hemster fit expert.


3. RECEIVE YOUR ORDER AND GET FITTED

During your Virtual Fitting, a Hemster Expert will help you mark the correct
length on your pants.


4. SHIP YOUR ORDER TO HEMSTER

Print your prepaid shipping label and send your marked pants to Hemster.


4. ENJOY YOUR GARMENTS, NOW PERFECTLY FITTED TO YOU

Hemster will tailor your order and your new perfect fit will be saved in your
Hemster Fit Profile for your future purchases.


HOW TO TAKE YOUR MEASUREMENTS


NECK

Measure around the circumference of your neck where your shirt collar sits.


CHEST

Measure comfortably around the widest part of your chest under your armpit.


WAIST

Measure around your true waist, right where your pants would normally sit.


SLEEVE LENGTH

Measure from the center back of your neck around the shoulder to wrist.




FIND YOUR SIZE

Measurements taken in inches

Men Boys Big & Tall Tops Bottoms Belts

Men's Tops

SIZE NECK CHEST WAIST SLEEVE S 14-14.5 38-40 28-32 32-33 M 15-15.5 40-42 32-36
33-34 L 16-16.5 42-44 36-40 34-35 XL 17-17.5 44-46 40-44 35-36 XXL 18-18.5 46-48
44-48 36-37

Boy's Tops

SIZE HEIGHT WEIGHT NECK CHEST SLEEVE 4 36-40 30-40 10-10.5 22-24 19-20 5 40-44
35-45 10.5-11 23-25 20-21 6 44-48 45-60 11-11.5 24-26 21-22 7 45-50 50-65 11-12
25-27 22-23 8 48-52 60-75 11.5-12 26-28 22-24 10 50-53 75-80 12-12.5 28-30 24-26
12 53-57 80-90 12.5-13 30-32 26-28 14 57-62 90-115 13-13.5 32-34 28-30 16 62-66
115-130 13.5-14 34-36 30-32

Big & Tall Tops

SIZE NECK CHEST WAIST SLEEVE 2XL 19.5-20.5 58-62 60-62 36.5 3XL 20.5-21.5 62-65
62-65 37 4XL 21.5-22.5 65-68 65-68 37.5 LT 17.5-18.5 47-50 47-50 38.5 XLT 18-19
50-54 50-54 38.75 1XLT 18.5-19.5 54-58 54-58 39 2XLT 19.5-20.5 58-62 58-62 39.5

Men's Bottoms

SIZE WAIST SEAT THIGH 30 29-30.5 38.5-39 22-22.5 32 31-32-5 39.5-41 22.5-23.5 33
32.5-33.5 41.5-42 23.5-24 34 33.5-34.5 42.5-43 24-24.5 35 34.5-35.5 43.5-44
24.5-25 36 35.5-36.5 44.5-45 25-25.5 37 36.5-37.5 45.5-46 25.5-26 38 37.5-38.5
46.5-47 26-26.5 40 39-40.5 48.5-49 26.5-27.5 S 30-32 38-41 22-23 M 32-34 41-43
23-24 L 34-36 43-45 24-25 XL 36-38 45-47 25-26 XXL 39-42 48-50 26-28

Boys's Bottoms

SIZE WAIST INSEAM 4 20-22 17-18 5 22-24 18-20 6 23-25 20-21 7 24-26 21-23 8
25-27 23-24 10 27-29 25-26 12 29-31 27-28 14 31-33 29-30 16 33-35 31

Big & Tall Bottoms

SIZE WAIST SEAT THIGH 42R 41-42 50-51 32-32.5 44R 43-44 52-53 33-33.5 46R 45-46
54-55 34-34.5 48R 47-48 56-57 35-35.5 50R 49-50 58-59 36-36.5 52R 51-52 60-61
37-37.5 54R 53-54 62-63 38-38.5 56R 55-56 64-65 39-39.5

Men's Belts

SIZE (WAIST SIZE) S 28"- 30" M 31"-33" L 34"-36" XL 37"-39" XXL 40"-42"


JO SHOES SIZE CHART

Our fit true to size for most customers. Please use the chart below to determine
your size.

MEN'S SHOES

 * US
 * 7
 * 7.5
 * 8
 * 8.5
 * 9
 * 9.5
 * 10
 * 10.5
 * 11
 * 11.5
 * 12
 * 13
 * 14

 * UK
 * 6
 * 6.5
 * 7
 * 7.5
 * 8
 * 8.5
 * 9
 * 9.5
 * 10
 * 10.5
 * 11
 * 12
 * 13

 * EU
 * 40
 * 40.5
 * 41
 * 41.5
 * 42
 * 42.5
 * 43
 * 43.5
 * 44
 * 44.5
 * 45
 * 46
 * 47

 * Metric
 * 24.5
 * 25
 * 25.4
 * 25.8
 * 26.2
 * 26.7
 * 27.1
 * 27.5
 * 27.9
 * 28.3
 * 28.8
 * 29.6
 * 30.5

 * Inches
 * 9 5/8
 * 9 7/8
 * 10
 * 10 1/8
 * 10 3/8
 * 10 1/2
 * 10 5/8
 * 10 7/8
 * 11
 * 11 1/8
 * 11 3/8
 * 11 5/8
 * 12

Still debating? No worries—our hassle-free 30-day return policy allows you to
try us on for size and find the perfect pair.









Opens in new window
PDF Download
Word Download
Excel Download
PowerPoint Download
Document Download
Explore your accessibility options


close carousel