coalheadwear.com Open in urlscan Pro
23.227.38.32  Public Scan

Submitted URL: http://coalheadwear.com/
Effective URL: https://coalheadwear.com/
Submission Tags: tranco_l324
Submission: On May 09 via api from DE — Scanned from CA

Form analysis 6 forms found in the DOM

POST /cart

<form action="/cart" method="post" novalidate="" data-cart-form="">
  <div class="cart__widget__wrapper" data-collapsible-single="">
    <div class="cart__widget" data-cart-widget="" data-aos="fade-up" data-aos-delay="400">
      <button class="cart__widget__title" type="button" data-collapsible-trigger="" aria-expanded="false" aria-controls="notes">Add order notes<svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-plus"
          viewBox="0 0 192 192">
          <path d="M30 96h132M96 30v132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-toggle-minus" viewBox="0 0 192 192">
          <path d="M30 96h132" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
      <div id="notes" aria-expanded="false" data-collapsible-container="">
        <div class="cart__widget__content" data-collapsible-content="">
          <label for="note">Special instructions for seller</label>
          <textarea id="note" name="note" class="cart__field cart__field--textarea" aria-label="Special instructions for seller"></textarea>
        </div>
      </div>
    </div>
  </div>
  <div class="cart__foot-inner" data-aos="fade-up" data-aos-delay="450">
    <div data-cart-price-holder="">
      <div class="cart__total hidden">
        <span>Items</span>
        <span data-cart-total="0">Free</span>
      </div>
      <div class="cart__discounts hidden"></div>
    </div>
    <!-- Route Code Edited 9/27/2023-->
    <div class="route-div" watch-changes=".cart-drawer__items" disable-reorder=""></div>
    <style>
      .pw-route-protection {
        padding: 0px !important;
      }
    </style>
    <!-- End Route Code -->
    <div class="cart__buttons-wrapper">
      <p class="cart__terms cart__errors__content" data-terms-error-message=""></p>
      <div class="cart__buttons" data-cart-checkout-buttons="">
        <fieldset class="cart__buttons__fieldset" data-cart-checkout-button="">
          <button type="submit" name="checkout" class="cart__checkout btn">Checkout<span class="cart__total__money" data-cart-total-price="">Free</span>
          </button>
        </fieldset>
      </div>
    </div>
    <p class="cart__text">Shipping &amp; taxes calculated at checkout</p>
  </div>
</form>

GET /search

<form class="search-form" action="/search" method="get" role="search" data-search-form="">
  <input name="options[prefix]" type="hidden" value="last" aria-label="options[prefix]">
  <div class="search-form__inner" data-search-form-inner="">
    <div class="search-form__input-holder">
      <label for="searchInput-desktop-compress" class="search-form__label">
        <span class="visually-hidden">Search for products on our site</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192">
          <path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></label>
      <input type="search" id="searchInput-desktop-compress" class="search-form__input" name="q" value="" aria-label="Search our store" role="combobox" aria-expanded="false" aria-owns="searchResults-desktop-compress"
        aria-controls="searchResults-desktop-compress" aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
      <button class="search-form__submit visually-hidden" type="submit" tabindex="-1" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192">
          <path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
      <button type="button" class="search-popdown__close" title="Close" data-popdown-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192">
          <path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
    </div>
  </div>
  <div id="searchResults-desktop-compress" class="search-popdown__results">
    <div class="predictive-search" data-predictive-search-results="" data-scroll-lock-scrollable="">
      <div class="predictive-search__loading-state">
        <div class="predictive-search__loader loader loader--line">
          <div class="loader-indeterminate"></div>
        </div>
      </div>
    </div>
    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
  </div>
</form>

GET /search

<form class="search-form" action="/search" method="get" role="search" data-search-form="">
  <input name="options[prefix]" type="hidden" value="last" aria-label="options[prefix]">
  <div class="search-form__inner" data-search-form-inner="">
    <div class="search-form__input-holder">
      <label for="searchInput-desktop" class="search-form__label">
        <span class="visually-hidden">Search for products on our site</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192">
          <path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></label>
      <input type="search" id="searchInput-desktop" class="search-form__input" name="q" value="" aria-label="Search our store" role="combobox" aria-expanded="false" aria-owns="searchResults-desktop" aria-controls="searchResults-desktop"
        aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
      <button class="search-form__submit visually-hidden" type="submit" tabindex="-1" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192">
          <path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
      <button type="button" class="search-popdown__close" title="Close" data-popdown-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192">
          <path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
    </div>
  </div>
  <div id="searchResults-desktop" class="search-popdown__results">
    <div class="predictive-search" data-predictive-search-results="" data-scroll-lock-scrollable="">
      <div class="predictive-search__loading-state">
        <div class="predictive-search__loader loader loader--line">
          <div class="loader-indeterminate"></div>
        </div>
      </div>
    </div>
    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
  </div>
</form>

GET /search

<form class="search-form" action="/search" method="get" role="search" data-search-form="">
  <input name="options[prefix]" type="hidden" value="last" aria-label="options[prefix]">
  <div class="search-form__inner" data-search-form-inner="">
    <div class="search-form__input-holder">
      <label for="searchInput-mobile" class="search-form__label">
        <span class="visually-hidden">Search for products on our site</span><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192">
          <path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></label>
      <input type="search" id="searchInput-mobile" class="search-form__input" name="q" value="" aria-label="Search our store" role="combobox" aria-expanded="false" aria-owns="searchResults-mobile" aria-controls="searchResults-mobile"
        aria-haspopup="listbox" aria-autocomplete="list" autocorrect="off" autocomplete="off" autocapitalize="off" spellcheck="false">
      <button class="search-form__submit visually-hidden" type="submit" tabindex="-1" aria-label="Search"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 192 192">
          <path d="M87 150c34.794 0 63-28.206 63-63s-28.206-63-63-63-63 28.206-63 63 28.206 63 63 63ZM131.55 131.55 168 168" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
      <button type="button" class="search-popdown__close" title="Close" data-popdown-close=""><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close" viewBox="0 0 192 192">
          <path d="M150 42 42 150M150 150 42 42" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
    </div>
  </div>
  <div id="searchResults-mobile" class="search-popdown__results">
    <div class="predictive-search" data-predictive-search-results="" data-scroll-lock-scrollable="">
      <div class="predictive-search__loading-state">
        <div class="predictive-search__loader loader loader--line">
          <div class="loader-indeterminate"></div>
        </div>
      </div>
    </div>
    <span class="predictive-search-status visually-hidden" role="status" aria-hidden="true" data-predictive-search-status=""></span>
  </div>
</form>

POST /contact#NewsletterForm--footer-block-3

<form method="post" action="/contact#NewsletterForm--footer-block-3" id="NewsletterForm--footer-block-3" accept-charset="UTF-8" class="newsletter-form" data-newsletter-form=""><input type="hidden" name="form_type" value="customer"
    aria-label="form_type"><input type="hidden" name="utf8" value="✓" aria-label="utf8"><input type="hidden" name="contact[accepts_marketing]" value="true" aria-label="contact[accepts_marketing]">
  <div class="input-group input-group--inline">
    <div class="input-group__fields">
      <div class="input-group__item input-group__item--email">
        <input type="email" id="Email--footer-block-3" class="input-group__field input-group__field--email" value="" placeholder="Your email" name="contact[email]" autocorrect="off" autocapitalize="off" aria-label="Your email">
      </div>
    </div>
    <div class="input-group__item input-group__item--btn">
      <button type="submit" name="subscribe" id="SubscribeSubmit--footer-block-3" class="input-group__btn input-group__btn--icon"><span class="visually-hidden">Subscribe to Our Newsletter</span><svg aria-hidden="true" focusable="false"
          role="presentation" class="icon icon-select" viewBox="0 0 192 192">
          <path d="m72 36 60 60-60 60" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"></path>
        </svg></button>
    </div>
  </div>
  <div class="errors">Email is invalid or already taken.</div>
</form>

<form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-UAzBHV" novalidate="" tabindex="-1"
  style="display: flex; flex-direction: row; box-sizing: border-box; width: 780px; min-width: 200px; max-width: 1000px; border-radius: 0px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(78, 108, 84); background-repeat: no-repeat; background-position-y: 50%; padding: 15px 25px; flex: 1 1 0%;">
  <div class="needsclick  kl-private-reset-css-Xuajs1"
    style="display: flex; flex-direction: column; width: 390px; margin: -15px 0px -15px -25px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 0px; border-top-left-radius: 0px; overflow: hidden; min-width: 390px; min-height: 470px;">
    <div class="needsclick  kl-private-reset-css-Xuajs1"
      style="background-image: url(&quot;https://d3k81ch9hvuctc.cloudfront.net/company/KbyWqL/images/97a3281d-79c9-4518-9aa5-077afc494137.jpeg&quot;); background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; width: 100%; height: 100%; display: block;">
    </div>
  </div>
  <div class="needsclick  kl-private-reset-css-Xuajs1" style="display: flex; flex-direction: column; width: 100%; margin: 0px; padding: 0px 0px 0px 25px; min-height: 470px; 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" style="display: flex; justify-content: flex-start; padding: 30px 6px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-108182353" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-bebas-neue"
              style="font-size: 72px; color: rgb(255, 255, 255); font-family: Bebas-Neue-Klaviyo-Hosted, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">SIGN UP AND GET 20% OFF</span></p>
        </div>
      </div>
    </div>
    <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" style="display: flex; justify-content: flex-start; padding: 0px 6px 10px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-108182354" style="width: 100%;">
          <p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-arial"
              style="font-size: 16px; color: rgb(255, 255, 255); font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">Sign up for an instant discount, plus early access, deals and more</span></p>
        </div>
      </div>
    </div>
    <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" style="display: flex; justify-content: flex-start; padding: 20px 6px 10px; 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_108182355" class="needsclick go482640317 kl-private-reset-css-Xuajs1" type="email"
            autocomplete="email" name="email" tabindex="0" placeholder="Email" aria-label="Email" aria-invalid="false" options="[object Object]"
            style="box-sizing: border-box; border-radius: 4px; padding: 0px 0px 0px 16px; height: 50px; text-align: left; color: rgb(0, 0, 0); font-family: Bebas-Neue-Klaviyo-Hosted, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 1px; background-color: rgb(255, 255, 255); border: 1px solid rgb(96, 106, 114);">
          <div class="needsclick  kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
        </div>
      </div>
    </div>
    <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" style="display: flex; justify-content: flex-start; padding: 0px 6px; position: relative; flex: 1 0 0px;"><button
          class="needsclick go952291206 kl-private-reset-css-Xuajs1" type="button" tabindex="0"
          style="background: rgb(255, 255, 255); border-radius: 0px; border-style: none; border-color: rgb(21, 117, 81); border-width: 2px; color: rgb(0, 0, 0); font-family: Bebas-Neue-Klaviyo-Hosted, Arial, &quot;Helvetica Neue&quot;, Helvetica, sans-serif; font-size: 20px; font-weight: 400; letter-spacing: 2px; line-height: 1; white-space: normal; padding-top: 0px; padding-bottom: 0px; text-align: center; word-break: break-word; align-self: flex-end; cursor: pointer; height: 54px; width: 100%;">continue</button>
      </div>
    </div>
    <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" style="display: flex; justify-content: flex-start; padding: 10px 25px 30px; position: relative; flex: 1 0 0px;">
        <div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-108182357" style="width: 100%;">
          <p style="text-align: center; font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span class="ql-font-arial"
              style="color: rgb(252, 252, 252); font-size: 12px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; background-color: rgb(78, 108, 84);">By signing up, you agree to receive email marketing. Code cannot be
              combined with other discount offers.</span></p>
        </div>
      </div>
    </div>
  </div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>

Text Content

Back
Accessibility options


Are you sure you want to hide the widget forever? If you need it back, please
clear your cookies.

OkCancel
Content
Bigger Text


Bigger Text


Bigger Cursor


Bigger Cursor

Text Reader


Tooltips

Line Height


Line Height


Hide Images


Hide images

Readable Fonts


Readable fonts

Dyslexic Font


Dyslexic Font

Stop Animations


Stop Animations

Colors
Invert Color


Invert Colors

Brightness


Brightness


Contrast


Contrast


Grayscale Color


Grayscale

Saturation


Saturation


Navigation
Reading Line


Reading Line

Highlight Links


Highlight Links

Text Reader


Read page

Reading Mask


Reading Mask

Page Structure


Page Structure

LanguageEnglish (USA)
Search language
English
(USA)SwedishFinnishGermanSpanishPortugueseTurkishFrenchJapaneseKoreanHebrewLatvianPolishGreekThai
Accessibly App Accessibility Statement

Accessibly App is committed to making sites accessible for all, including people
with disabilities. We are continuously improving the service we provide through
our app to comply with increased accessibility standards, guidelines, and to
make the browsing experience better for everyone.

Conformance status

The app uses the Web Content Accessibility Guidelines (WCAG) defined
requirements to improve accessibility for people with disabilities. It defines
three levels of conformance: Level A, Level AA, and Level AAA. Accessibly App is
following the best guidelines and is partially conformant with WCAG 2.1 level
AA.

Technical information

Accessibly App is an app supported in Shopify and Wordpress environments. The
app relies on the following technologies:

HTML
CSS
JavaScript
NodeJs
MongoDB

Accessibly App features

When a site has Accessibly App i ac-h4 installed, the website can be adjusted
with keyboard navigation using the “tab” key (WCAG 2.1/2.1.1). Additionally, see
the list of all provided Accessibly App features and tools for better website
experience:

Zoom | WCAG 2.1 / 1.4.4

This feature enables users to enhance the size of the text to up to three times
the original text for better text readability.

Bigger cursor

Makes the cursor bigger and more prominent. Increases the size for better site
browsing.

Invert colors

Invert the colors of the website content. For those with decreased vision, the
high contrast greatly helps to read the site better.

Tweak Contrast | WCAG 2.1 / 1.4.6

This feature lets users manually select from two options: to enhance the
contrast of the website or to decrease the contrast.

Tweak Brightness | WCAG 2.1 / 1.4.6

This feature lets users update the brightness on the site. The content can
either be made brighter or darker.

Grayscale | WCAG 2.1 / 1.4.6

Users can turn on grayscale, making the website content appear only in shades of
gray. This benefits people with visual impairment.

Reading Line

Add a supportive reading line to the site.

Readable fonts

Convert the fonts available on-site to one of the most easily readable fonts:
Helvetica.

Alt Text and Images

Ability to read alt text of images. As of now, our tool has added a feature
where alt descriptions for images without them are generated using Google's
Vision AI. In the event that you haven't manually written these image
descriptions yourself, this greatly helps people with visual impairment browse
your site.

Tooltips | WCAG 2.1 / 2.5.3

Add labels to images that contain a written description of the image.

Highlight links

Highlight links to make them more prominent.

Hide images

Hide images on the site. This provides better site readability for people with
visual impairment.

Read page

A feature that allows a voice to read the text on your site out loud to
visitors.

Notes & Feedback

We always try to update our services and operate in the best possible manner to
benefit all of our clients and their site visitors.

We cannot control or correct problems with third-party sites, but please let us
know if you encounter difficulty with any sites we link to so we can pass the
information along to the site owners. You may also want to address your concerns
directly to these third parties.


Reset settings
Accessibility statement



Skip to content

This site has limited support for your browser. We recommend switching to Edge,
Chrome, Safari, or Firefox.

Free Shipping with orders $49+ (US only)

Free Shipping with orders $49+ (US only)

Bundle Any 3 Items for 25% Off*

Bundle Any 3 Items for 25% Off*


Close
 * Featured See More
    * 
      The Provo UPF Tech 5-Panel Cap
    * 
      Featured Collection See More
       * Spring & Summer Collection
       * Fall & Winter Collection
       * The Recycled Collection
   
    * 
      Coal News
    * 
      Community See More
       * Community Highlight: James Barkman

 * Headwear See More
    * 
      Caps See More
       * All Caps
       * Ultra Low
       * Low Profile
       * Mid Crown
       * Roomy
       * Kids
   
    * 
      Full Brims See More
       * All Full Brims
       * Lifeguard
       * Boonie
       * Bucket
       * Kids
   
    * 
      Beanies See More
       * All Beanies
       * Tall
       * Mid Length
       * Low Profile
       * Kids

 * Socks
 * Brand See More
    * 
      About See More
       * About Us
       * Community
       * Coal News
   
    * 
      Fit & Materials See More
       * Fit Guide
       * Care & Materials
       * Responsible Manufacturing
   
    * 
      Support See More
       * Contact
       * Find a Store
       * Returns & Warranty
   
    * 
      Lookbooks See More
       * Spring & Summer Lookbook
       * Fall & Winter Lookbook

 * Custom See More
    * Full Custom

 * Log in
 * Create account
 * Search


CART0 ITEMS



Spend $49 more for FREE shipping.FREE shipping will be applied at checkout

Sorry, looks like we don't have enough of this product.




Your cart is currently empty.
Featured
Beanies
Caps
Add order notes
Special instructions for seller
Items Free



CheckoutFree

Shipping & taxes calculated at checkout

Open search bar
Search for products on our site

Open cart Open navigation menu
Featured

The Provo UPF Tech 5-Panel Cap

Featured Collection Spring & Summer Collection Fall & Winter Collection The
Recycled Collection

Coal News

Community Community Highlight: James Barkman
Headwear

Caps All Caps Ultra Low Low Profile Mid Crown Roomy Kids

Full Brims All Full Brims Lifeguard Boonie Bucket Kids

Beanies All Beanies Tall Mid Length Low Profile Kids
Socks
Brand

About About Us Community Coal News

Fit & Materials Fit Guide Care & Materials Responsible Manufacturing

Support Contact Find a Store Returns & Warranty

Lookbooks Spring & Summer Lookbook Fall & Winter Lookbook
Custom
Full Custom
Open search bar
Search for products on our site

My Account
Open cart
Open search bar
Search for products on our site

Open cart Open navigation menu



CELEBRATE MOM


GET 25% OFF ANY 3 ITEMS

Bundle & Enjoy


THE STILLWATER


A PACKABLE, QUICK-DRYING LIFEGUARD HAT.

Shop Now
 1. 
 2. 

Bundle Deal


ANY 3 ITEMS FOR 25% OFF

Add any three item to your cart. Discount applied at checkout. Offer cannot be
combined.
Shop Now


BEST SELLERS

Featured Style:
The Provo
Shop Now


CAP COLLECTION

Featured Style:
The Atlas
Shop Now


SOCK COLLECTION

Featured Style:
The Everyday Crew
Shop Now


BEANIE COLLECTION

For All Seasons
Shop Now


WE BELIEVE HEADWEAR IS MORE THAN AN ACCESSORY. THIS BELIEF DRIVES US TO CRAFT
STYLISH, FUNCTIONAL HEADWEAR THAT MAKES YOUR NEXT PEAK MOMENT POSSIBLE.

Learn More

Making Headwear More Than An Accessory


BUILT TO LAST

By sourcing materials of the highest standard, our products stand tests of time
and active use.
learn more


VARIETY OF STYLES

As specialists in headwear we offer a wide assortment of designs, always with a
focus on quality.
Learn More


FIT FOR EVERY HEAD

Our collections come in a range of fits to ensure top performance and comfort.
Learn More


LOVED BY HEADS EVERYWHERE

I have a huge head, but it fits perfectly...super lightweight, and it's simply a
cool design. Love Coal, and there's a reason I only buy hats from their
collection now.

Jacob A.

These are the BEST beanies ever. They cover my ears completely and are not
itchy. Perfectly snug without feeling too constricting and the softest beanie
around.

Maria H.

I ordered two beanies from Coal, and they are both incredible. I contacted
customer service, they were quick to respond and went above and beyond to help
me out. 10/10 would definitely buy again.

Dana S.

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Spring & Summer Collection - Shop Now

Sign up for Coal News
Subscribe to Our Newsletter
Email is invalid or already taken.

Info + Support

 * Contact Us
 * Shipping
 * Returns & Warranty
 * Affiliate Program
 * Terms & Conditions
 * Privacy Policy
 * Accessibility Statement

Wholesale

 * Custom Headwear
 * Become a Dealer
 * Dealer Login

© 2024, Coal Headwear. Powered by Shopify. Contact Us Shipping Returns &
Warranty Affiliate Program Terms & Conditions Privacy Policy Accessibility
Statement

Close

Close
{"themeColor":"#323e48","iconColor":"#323e48","showLogo":true,"topBottomPosition":10,"rightLeftPosition":10,"iconSize":"custom","iconCustomSize":35,"position":"bottom-right"}



20% Off

Close teaser
Close dialog 1

SIGN UP AND GET 20% OFF

Sign up for an instant discount, plus early access, deals and more


continue

By signing up, you agree to receive email marketing. Code cannot be combined
with other discount offers.