<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Olathe Boots</title>
<meta name='keywords' content='olathe, olathe boots, hand-crafted boots' />
<meta name='description' content='Olathe Boot Company has crafted hand-made, affordable, quality boots since 1875.' />
<link rel='canonical' href='https://olatheboots.com' />
<meta name="geo.position" content="26.149733,-97.931142">
<meta name="geo.placename" content="Mercedes, TX">
<meta name="geo.region" content="US-TX">
    <meta name="robots" content="index,follow,archive">
    <link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
    <link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
    <link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
    <link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
    <link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
    <link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
    <link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
    <link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
    <link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
    <link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="manifest" href="/manifest.json">
    <meta name="msapplication-TileColor" content="#ffffff">
    <meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
    <meta name="theme-color" content="#ffffff">

    <!-- Facebook OpenGraph -->
    <meta property="og:title" content="">
    <meta property="og:site_name" content="">
    <meta property="og:description" content="Olathe Boot Company has crafted hand-made, affordable, quality boots since 1875.">
    <meta property="og:image" content="/images/social/olathe-fb-og-img.jpg">
    <meta property="fb:app_id" content="">

    <!-- Twitter Cards -->
    <meta name="twitter:card" content="summary">
    <meta name="twitter:site" content="@olatheboots">
    <meta name="twitter:creator" content="@olatheboots">
    <meta name="twitter:url" content="https://olatheboots.com">
    <meta name="twitter:title" content="Olathe Boots
">
    <meta name="twitter:description" content="Olathe Boot Company has crafted hand-made, affordable, quality boots since 1875.">
    <meta name="twitter:image" content="/images/social/olathe-twitter-img.jpg">

    <!-- Google Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "Organization",
      "url": "https://olatheboots.com",
      "logo": "https://olatheboots.com/images/ui/olathe-logo.png"
    }
    </script>
    <script type="application/ld+json">
    { "@context" : "http://schema.org",
      "@type" : "Organization",
      "name" : "Olathe Boots
",
      "url" : "https://olatheboots.com",
      "sameAs" : [ "https://www.facebook.com/olatheboots",
        "https://twitter.com/olatheboots"]
    }
    </script>
    <script type="application/ld+json">
    {  "@context" : "http://schema.org",
       "@type" : "WebSite",
       "name" : "Olathe Boots
",
       "url" : "https://olatheboots.com"
    }
    </script>
    
    
    

    <link rel="stylesheet" href="/stylesheets/app.css" />
    <link rel="stylesheet" href="/stylesheets/ol.css?v=2026101102" />
    
    <script defer src="/bower_components/modernizr/modernizr.js"></script>

    <script src="//use.typekit.net/rpl7hvb.js"></script>
    <script>try{Typekit.load();}catch(e){}</script>

    <!-- Global site tag (gtag.js) - Google Analytics -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-42850591-1"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'UA-42850591-1');
    </script>

    
  </head>
  <body class="home new">
    
    <div class="row header" role="banner">
      <div class="small-12 columns">
        <div class="row branding">
          <div class="small-12 columns">
            <a href="/"><img src="/images/ui/olathe-logo.gif" alt="Olathe Boots
"  height="39" width="167" /></a>
          </div>
        </div>
        <div class="row navigation collapse" role="navigation">
          <div class="small-8 medium-9 columns">
            <ul class="inline-list site-nav">
              <li><a href="/our-boots">Our Boots</a></li>
              <li><a href="/find-a-retailer">Find a Retailer</a></li>
              <li><a href="/culture">Culture</a></li>
              <li><a href="/about-us">About Us</a></li>
            </ul>
          </div>
          <div class="small-4 medium-3 columns">
            <ul class="inline-list right social-nav">
              
                <li>
                  <a href="https://www.facebook.com/olatheboots/
" class="social-btn facebook-btn" title="Olathe Boots
 on Facebook" target="_blank" rel="noopener"><span class="fa fa-lg fa-facebook"></span></a>
                </li>
              
              
                <li>
                  <a href="https://twitter.com/olatheboots
" class="social-btn twitter-btn" title="Olathe Boots
 on Twitter" target="_blank" rel="noopener"><span class="fa fa-lg fa-twitter"></span></a>
                </li>
              
              
                <li>
                  <a href="https://www.instagram.com/olathebootco/
" class="social-btn instagram-btn" title="Olathe Boots
 on Instagram" target="_blank" rel="noopener"><span class="fa fa-lg fa-instagram"></span></a>
                </li>
              
              
              
            </ul>
          </div>
        </div>
      </div>
    </div>
    <div class="page-content new index" role="main">
      
    <div class="row full-width banner" style="background-image:url('https://c41136805d.nxcli.io/images/home_page/home-banner-img-01.jpg');">
      <div class="small-12 columns">
        &nbsp;
      </div>
    </div>
    <div class="row callouts collapse">
      <div class="small-12 columns">
        <h2><span class="slogan">Made in the USA since 1875.</span></h2>
        <ul class="small-block-grid-3 home-callout-grid">
          
            <li><img src='https://olatheboots.com/images/home_page/home-callout-img-01.jpg' alt='Olathe Boots' /></li>
          
            <li><img src='https://olatheboots.com/images/home_page/home-callout-img-02.jpg' alt='Olathe Boots' /></li>
          
            <li><img src='https://olatheboots.com/images/home_page/home-callout-img-03.jpg' alt='Olathe Boots' /></li>
          
        </ul>
      </div>
    </div>

    </div>
    <div class="row addendum">
      <div class="small-12 columns">
        <div class="row addendum-nav">
          <div class="small-4 medium-2 medium-offset-1 columns">
            <ul class="no-bullet">
              <li><a href="/contact-us">Contact Us</a></li>
              <li><a href="/faqs">FAQs</a></li>
              <li><a href="/about-us/heritage-since-1875">Heritage - Since 1875</a></li>
            </ul>
          </div>
          <div class="small-4 medium-2 columns">
            <ul class="no-bullet">
              <li><a href="/about-us/philosophy">Philosophy</a></li>
              <li><a href="/about-us/lifestyle">Lifestyle</a></li>
              <li><a href="/culture/social-media">Social Media</a></li>
            </ul>
          </div>
          <div class="small-4 medium-2 columns">
            <ul class="no-bullet">
              <li><a href="/culture/ambassadors">Ambassadors</a></li>
              <li><a href="/culture/news">News</a></li>
              <li><a href="/culture/in-the-media">In the Media</a></li>
            </ul>
          </div>
          <div class="small-4 medium-2 columns">
            <ul class="no-bullet">
              <li><a href="/culture/event-calendar">Event Calendar</a></li>
              <li><a href="/culture/recrafting">Recrafting</a></li>
              <li><a href="/about-us/quality-boot-making">Quality Boot Making</a></li>
            </ul>
          </div>
          <div class="small-4 medium-2 columns end">
            <ul class="no-bullet">
              <li><a href="/our-boots">House Styles</a></li>
              <li><a href="/gift-certificate">Gift Certificate</a></li>
            </ul>
          </div>
        </div>
        <div class="row addendum-brands">
          <div class="small-12 columns text-center">
            <ul class="small-block-grid-5">
              <li>
                <a href="https://olatheboots.com" class="brand-logo brand-logo-ol" target="_blank" rel="noopener"><img src="/images/ui/ol-logo.svg" width="87" height="20" alt="Olathe Boots"></a>
              </li>
              <li>
                <a href="https://andersonbean.com" class="brand-logo brand-logo-ab" target="_blank" rel="noopener"><img src="/images/ui/ab-logo.svg" width="73" height="44" alt="Anderson Bean"></a>
              </li>
              <li>
                <a href="https://riosofmercedes.com" class="brand-logo brand-logo-rm" target="_blank" rel="noopener"><img src="/images/ui/rm-logo.svg" width="63" height="44" alt="Rios of Mercedes"></a>
              </li>
              <li>
                <a href="https://horsepowerboots.com" class="brand-logo brand-logo-hp" target="_blank" rel="noopener"><img src="/images/ui/hp-logo.svg" width="48" height="44" alt="HorsePower Boots"></a>
              </li>
              <li>
                <a href="https://maciebean.com" class="brand-logo brand-logo-mb" target="_blank" rel="noopener"><img src="/images/ui/mb-logo.svg" width="95" height="32" alt="Macie Bean"></a>
              </li>
            </ul>
          </div>
        </div>
        <div class="row fob">
          <div class="small-12 columns">
            <p class="text-center"><a href="https://riosfamilyofbrands.com" target="_blank" rel="noopener">Rios Family of Brands</a></p>
          </div>
        </div>
        <div class="row copyright">
          <div class="small-12 columns">
            <p class="text-center">&copy; 2026 Olathe Boots
</p>
          </div>
        </div>
      </div>
    </div>
    <div class="rating">
      <div class="row">
        <div class="small-12 columns">
          
          <a href="https://www.google.com/maps/place/Olathe+Boot+Co/@26.1581921,-97.8972686,17z/data=!4m7!3m6!1s0x866578e0674a373b:0xf5117da361d18f72!8m2!3d26.1581921!4d-97.8950799!9m1!1b1" target="_blank" rel="noopener"><img src="/images/ui/google-rating-link.png" alt="You bet your boots we want your rating. Give us your Google review." /></a>
          
        </div>
      </div>
    </div>

    <script src="/js/app-min.js"></script>
    
    

    
        
          
            <div id="events-modal" class="reveal-modal small" data-reveal>
              
                <a href="https://riosfamilyofbrands.com/retailer-list" class="image-link"><img src="https://c41136805d.nxcli.io/images/pages/BC2346-FOBWebAnnouncePopUp_resized.jpg" alt="Introducing the Rios Family of Brands website." /></a>
              
              <a class="close-reveal-modal">&#215;</a>
            </div>
            <script>
              // use HTML5 sessionStorage to check if modal has been shown
              // if so, do not show again
              $(document).ready(function() {
                  var modalShown = sessionStorage.getItem('modalShown')
              
                  if (!modalShown) {
                      $(window).load(function(){
                          $('#events-modal').foundation('reveal', 'open');
                          sessionStorage.setItem('modalShown', 1)
                      });
                  }
                  else {
                      $("#events-modal").hide();
                  }
              });
            </script>
          
        
      

    
    <script>
      $(document).ready(function(){
        var $main = $('.boot-img-lg.slick-initialized');
        var $thumbs = $('.boot-img-nav.slick-initialized .slick-slide').not('.slick-cloned');
        if (!$main.length || !$thumbs.length) { return; }
        var total = $thumbs.length;
        $thumbs.each(function(i){
          $(this).attr({ 'role': 'button', 'tabindex': '0', 'aria-label': 'Show image ' + (i + 1) + ' of ' + total });
        });
        var markCurrent = function(index){
          $thumbs.removeAttr('aria-current').eq(index).attr('aria-current', 'true');
        };
        markCurrent(0);
        $main.on('afterChange', function(event, slick, current){ markCurrent(current); });
        $thumbs.on('keydown', function(event){
          var key = event.key || event.keyCode;
          if (key === 'Enter' || key === ' ' || key === 'Spacebar' || key === 13 || key === 32) {
            event.preventDefault();
            $main.slick('slickGoTo', $thumbs.index(this));
          }
        });
      });
    </script>

   <script> (function(){ var s = document.createElement('script'); var h = document.querySelector('head') || document.body; s.src = 'https://acsbapp.com/apps/app/dist/js/app.js'; s.async = true; s.onload = function(){ acsbJS.init({ statementLink : '', footerHtml : '', hideMobile : false, hideTrigger : false, disableBgProcess : false, language : 'en', position : 'right', leadColor : '#414141', triggerColor : '#414141', triggerRadius : '50%', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerIcon : 'people', triggerSize : 'medium', triggerOffsetX : 20, triggerOffsetY : 20, mobile : { triggerSize : 'small', triggerPositionX : 'right', triggerPositionY : 'bottom', triggerOffsetX : 10, triggerOffsetY : 10, triggerRadius : '50%' } }); }; h.appendChild(s); })(); </script>
  </body>
</html>