www.happyearthapparel.com
Open in
urlscan Pro
23.227.38.74
Public Scan
Submitted URL: http://www.happyearthapparel.com/
Effective URL: https://www.happyearthapparel.com/
Submission: On January 22 via api from US — Scanned from CA
Effective URL: https://www.happyearthapparel.com/
Submission: On January 22 via api from US — Scanned from CA
Form analysis 3 forms found in the DOM
GET /search
<form action="/search" method="get" class="v-stack gap-5 sm:gap-8" role="search">
<div class="search-input">
<input type="search" name="q" placeholder="Search for..." autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false" aria-label="Search">
<button type="reset" class="text-subdued">Clear</button>
<button type="button" is="close-button">
<span class="sr-only">Close</span><svg role="presentation" stroke-width="2" focusable="false" width="24" height="24" class="icon icon-close" viewBox="0 0 24 24">
<path d="M17.658 6.343 6.344 17.657M17.658 17.657 6.344 6.343" stroke="currentColor"></path>
</svg></button>
</div>
<style>
#shopify-section-sections--14734213251205__search-drawer {
--predictive-search-column-count: 3;
}
</style>
<input type="hidden" name="type" value="product">
<predictive-search class="predictive-search" section-id="sections--14734213251205__search-drawer">
<div slot="idle">
<div class="v-stack gap-3 sm:gap-4">
<p class="bold text-subdued">Resources</p>
<ul class="v-stack gap-2 sm:gap-3" role="list">
<li>
<a href="https://www.happyearthapparel.com/account" class="h5">
<span class="reversed-link hover:show">Account</span>
</a>
</li>
<li>
<a href="/pages/rewards#smile-home" class="h5">
<span class="reversed-link hover:show">Rewards</span>
</a>
</li>
<li>
<a href="https://dovetale.com/community/apply/O6JUoJkBsS4" class="h5">
<span class="reversed-link hover:show">Affiliates</span>
</a>
</li>
<li>
<a href="/pages/shipping" class="h5">
<span class="reversed-link hover:show">Shipping FAQ</span>
</a>
</li>
<li>
<a href="/pages/returns-exchanges" class="h5">
<span class="reversed-link hover:show">Returns + Exchanges</span>
</a>
</li>
<li>
<a href="/pages/wholesale" class="h5">
<span class="reversed-link hover:show">Wholesale</span>
</a>
</li>
<li>
<a href="/pages/contact" class="h5">
<span class="reversed-link hover:show">Contact Us</span>
</a>
</li>
</ul>
</div>
</div>
<div slot="results"></div>
<div slot="loading">
<div class="v-stack gap-5 sm:gap-6 ">
<div class="h-stack gap-4 sm:gap-5"><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span><span class="skeleton skeleton--tab"></span></div>
<div class="v-stack gap-4 sm:gap-6">
<div class="h-stack align-center gap-5 sm:gap-6">
<span class="skeleton skeleton--thumbnail"></span>
<div class="v-stack gap-3 w-full">
<span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
</div>
</div>
<div class="h-stack align-center gap-5 sm:gap-6">
<span class="skeleton skeleton--thumbnail"></span>
<div class="v-stack gap-3 w-full">
<span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
</div>
</div>
<div class="h-stack align-center gap-5 sm:gap-6">
<span class="skeleton skeleton--thumbnail"></span>
<div class="v-stack gap-3 w-full">
<span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
</div>
</div>
<div class="h-stack align-center gap-5 sm:gap-6">
<span class="skeleton skeleton--thumbnail"></span>
<div class="v-stack gap-3 w-full">
<span class="skeleton skeleton--text" style="--skeleton-text-width: 20%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 80%"></span>
<span class="skeleton skeleton--text" style="--skeleton-text-width: 40%"></span>
</div>
</div>
</div>
</div>
</div>
</predictive-search>
</form>POST /contact#footer-newsletter
<form method="post" action="/contact#footer-newsletter" id="footer-newsletter" accept-charset="UTF-8" class="footer__newsletter-form form"><input type="hidden" name="form_type" value="customer"><input type="hidden" name="utf8" value="✓"><input
type="hidden" name="contact[tags]" value="newsletter">
<div class="form-control"><input id="input-sections--14734212038789__footer--contactemail" class="input is-floating" type="email" dir="ltr" name="contact[email]" placeholder=" " autocomplete="email" enterkeyhint="send" required=""><label
for="input-sections--14734212038789__footer--contactemail" class="floating-label">E-mail</label>
<div class="self-submit-button">
<button type="submit" class="circle-chevron hover:colors">
<span class="sr-only">Subscribe</span><svg role="presentation" focusable="false" width="5" height="8" class="icon icon-chevron-right-small reverse-icon" viewBox="0 0 5 8">
<path d="m.75 7 3-3-3-3" fill="none" stroke="currentColor" stroke-width="1.5"></path>
</svg></button>
</div>
</div>
</form><form class="needsclick klaviyo-form klaviyo-form-version-cid_1 kl-private-reset-css-Xuajs1" data-testid="klaviyo-form-RWSkj6" novalidate="" tabindex="-1"
style="display: flex; flex-direction: row; box-sizing: border-box; width: 640px; min-width: 200px; max-width: 1000px; border-radius: 2px; border-style: none; border-width: 0px; border-color: rgb(0, 0, 0); background-color: rgb(233, 233, 233); background-repeat: no-repeat; background-position-y: 50%; padding: 15px 40px; flex: 1 1 0%;">
<div class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; flex-direction: column; width: 213.333px; margin: -15px 0px -15px -40px; padding: 0px; border-top: 0px solid transparent; border-right: 0px; border-bottom: 0px solid transparent; border-left: 0px solid transparent; border-bottom-left-radius: 2px; border-top-left-radius: 2px; overflow: hidden; min-width: 213.333px; min-height: 360px;">
<div class="needsclick kl-private-reset-css-Xuajs1"
style="background-image: url("https://d3k81ch9hvuctc.cloudfront.net/company/VsRw9d/images/4919f4c9-7226-4207-b848-d42064ad7ae3.jpeg"); 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 40px; min-height: 360px; 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 8px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-93284697" style="width: 100%;">
<p style="font-size: 14px; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400; text-align: left;"><span class="ql-font-montserrat"
style="font-size: 16px; font-family: Montserrat, Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;"><span style="font-family: 'filson-pro', Arial, 'Helvetica Neue', Helvetica, sans-serif; font-weight: 400;">Join our
email list and we'll give you 15% off your first order - add your phone, and we'll make it 20% off!</span><br></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_93284698" class="needsclick go3713844737 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: filson-pro, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; 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: 10px 6px; position: relative; flex: 1 0 0px;">
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; justify-content: flex-start; display: flex;">
<div class="needsclick go2376614969 kl-private-reset-css-Xuajs1" style="align-self: flex-end; display: block;"><label id="kl_gender%20interests__6_label" class="needsclick kl-private-reset-css-Xuajs1"
style="color: rgb(0, 0, 0); font-family: filson-pro, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: 700; letter-spacing: 0px; padding-bottom: 6px; margin-right: 8px; margin-bottom: 8px;">Which
categories are you interested in?</label>
<div role="group" aria-labelledby="kl_gender%20interests__6_label" class="needsclick kl-private-reset-css-Xuajs1" style="display: block;"><input tabindex="0" type="checkbox" id="gender%20interests__6__10" name="gender%20interests__6"
aria-invalid="false" aria-label="Menswear" class="needsclick kl-private-reset-css-Xuajs1" style="position: absolute; width: 0px; opacity: 0;"><label for="gender%20interests__6__10" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; align-items: center; flex: 1 0 100%; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go3360010050" width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(96, 106, 114); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
<g>
<g>
<rect stroke-width="1" x="0.5" y="0.5" width="19" height="19" rx="2.22222222" fill="#FFFFFF"></rect>
</g>
</g>
</svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
<defs></defs>
<g id="checkbox_inner_gender%20interests__6__10" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="checkbox-on-checkbox_inner_gender%20interests__6__10" transform="translate(3.000000, 4.000000)" fill="#303B43">
<polygon id="shape-checkbox_inner_gender%20interests__6__10" fill="#000000" points="4.45454545 9.20149254 1.11363636 5.75373134 0 6.90298507 4.45454545 11.5 14 1.64925373 12.8863636 0.5"></polygon>
</g>
</g>
</svg>
<div class="needsclick kl-private-reset-css-Xuajs1"
style="cursor: pointer; color: rgb(0, 0, 0); font-family: filson-pro, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">
Menswear</div>
</label><input tabindex="0" type="checkbox" id="gender%20interests__6__11" name="gender%20interests__6" aria-invalid="false" aria-label="Womenswear" class="needsclick kl-private-reset-css-Xuajs1"
style="position: absolute; width: 0px; opacity: 0;"><label for="gender%20interests__6__11" class="needsclick kl-private-reset-css-Xuajs1"
style="display: flex; align-items: center; flex: 1 0 100%; padding-bottom: 8px; word-break: break-word; max-width: 100%; cursor: pointer;"><svg class="go3360010050" width="20px" height="20px" viewBox="0 0 20 20" version="1.1"
xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="stroke: rgb(96, 106, 114); margin-right: 8px; min-width: 20px; width: auto; height: auto;">
<g>
<g>
<rect stroke-width="1" x="0.5" y="0.5" width="19" height="19" rx="2.22222222" fill="#FFFFFF"></rect>
</g>
</g>
</svg><svg width="20px" height="20px" viewBox="0 0 20 20" version="1.1" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" style="cursor: pointer; display: none; position: absolute; margin: 0px;">
<defs></defs>
<g id="checkbox_inner_gender%20interests__6__11" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<g id="checkbox-on-checkbox_inner_gender%20interests__6__11" transform="translate(3.000000, 4.000000)" fill="#303B43">
<polygon id="shape-checkbox_inner_gender%20interests__6__11" fill="#000000" points="4.45454545 9.20149254 1.11363636 5.75373134 0 6.90298507 4.45454545 11.5 14 1.64925373 12.8863636 0.5"></polygon>
</g>
</g>
</svg>
<div class="needsclick kl-private-reset-css-Xuajs1"
style="cursor: pointer; color: rgb(0, 0, 0); font-family: filson-pro, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 12px; font-weight: 400; letter-spacing: 0px; margin-right: 24px; display: flex; position: relative; top: 1px;">
Womenswear</div>
</label></div>
<div class="needsclick kl-private-reset-css-Xuajs1" style="width: 100%; position: relative;"></div>
</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(34, 43, 55); border-radius: 6px; border-style: none; border-color: rgb(21, 117, 81); border-width: 2px; color: rgb(255, 255, 255); font-family: filson-pro, Arial, "Helvetica Neue", Helvetica, sans-serif; font-size: 16px; font-weight: 400; letter-spacing: 0px; 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: 48px; width: 100%;">SIGN
UP </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 0px; position: relative; flex: 1 0 0px;">
<div class="kl-private-reset-css-Xuajs1 go3176171171" id="rich-text-93284701" style="width: 100%;">
<p class="ql-align-center" style="font-size:14px;text-align:center;font-family:Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;"><span class="ql-font-montserrat"
style="color:rgb(96, 106, 114);font-size:10px;font-family:Montserrat, Arial, 'Helvetica Neue', Helvetica, sans-serif;font-weight:400;">You're signing up to receive emails from Happy Earth. Exclusions apply. Cannot be combined with other
offers.</span></p>
</div>
</div>
</div>
</div><input type="submit" tabindex="-1" value="Submit" style="display: none;">
</form>Text Content
Skip to content
Open navigation menu Open search
* Shop
* Apparel
* Organic Tees
* Organic Sweatshirts + Hoodies
* Organic Shackets + Jackets
* Organic Bottoms
* Organic Dresses
* Organic Basics
* Organic Socks
* Organic Beanies + Hats
* Bundles - 25% Off!
* Shop All
* Activewear
* All PlantTec™ Activewear
* PlantTec™ Tops
* PlantTec™ Bottoms
* PlantTec™ Dresses
* Accessories
* Water Bottles + Reusables
* Playing Cards
* Gift Cards
Activewear
* About Us
HAPPY EARTH
Open search Open account page Open cart
0
* Shop
* About Us
Account
* Shop
* Apparel
* Activewear
* Accessories
Activewear
* Apparel
* Organic Tees
* Organic Sweatshirts + Hoodies
* Organic Shackets + Jackets
* Organic Bottoms
* Organic Dresses
* Organic Basics
* Organic Socks
* Organic Beanies + Hats
* Bundles - 25% Off!
* Shop All
* Activewear
* All PlantTec™ Activewear
* PlantTec™ Tops
* PlantTec™ Bottoms
* PlantTec™ Dresses
* Accessories
* Water Bottles + Reusables
* Playing Cards
* Gift Cards
Close
Cookie policy
We use cookies and similar technologies to provide the best experience on our
website. Refer to our Privacy Policy for more information.
Accept Decline
0
Your cart is empty
Continue shopping
Clear Close
Resources
* Account
* Rewards
* Affiliates
* Shipping FAQ
* Returns + Exchanges
* Wholesale
* Contact Us
winter sale
Up to 60% off today. Gone tomorrow.
WINTER SALE ➞ ACTIVEWEAR SALE ➞
FROM MAKE TO MISSION
the brand that actually gives a damn.
organic sweatshirts
ditch the polyester sweatshirts,
upgrade in sustainability + style
organic activewear
leave the toxins in 2023 —
everyday wear made from the right materials
organic joggers
unmatched comfort,
uncompromising sustainability
organic tees
iconic designs on our signature,
buttery-soft tees
organic crew socks
cozy, cushioned socks made
to tread 𝘣𝘳𝘪𝘨𝘩𝘵𝘭𝘺
organic jackets
designed for ultimate comfort
+ effortless style
#GIVEADAMN
WITH EVERY ITEM, YOU CHOOSE HOW TO GIVE BACK
fight climate change
plant trees
clean up trash
your new favorite hoodie
SHOP FADING FOREST ➞
Moonlit Mountains Sherpa ➞
Forest Joggers ➞
Basalt Tweed Jacket ➞
Fading Forest Pullover ➞
cue the compliments
SHOP RUFFLE WRAP DRESS ➞
PEOPLE ARE TALKING <BR>
> Happy Earth is one of a handful of clothing companies truly championing vegan,
> eco-friendly, slow fashion
— CNN UNDERSCORED
> Not just for all the environmental lovers out there, but for mother nature
> herself!
— CNET
> As a leader in organic cotton casual wear, Happy Earth will continue to set
> the standard for vegan and sustainable lifestyle apparel.
- THE LIST
> Our favorite affordable pieces that are not only stylish and well-made, but
> also won’t break your budget.
— TODAY
> As the Happy Earth motto goes, ‘When it comes to the planet, we actually give
> a damn.’ It’s a statement backed up with clothing made from natural materials
> and attention to every step of the product cycle.
— INHABITAT
Previous Go to item 1 Go to item 2 Go to item 3 Go to item 4 Go to item 5 Next
warm + fuzzy
ORGANIC SHERPAS ➞
reversible beanies
ORGANIC BEANIES ➞
clean + green activewear
SHOP PLANTTEC™ ACTIVEWEAR ➞
Daisies Sherpa ➞
Moonshine Pullover ➞
Beneath the Trees ➞
Starry Night Socks ➞
blanket, meet shirt
SHOP SHACKETS ➞
YOU MAKE A DIFFERENCE
give back with every order
you get to choose how your purchase makes a positive impact: plant trees, clean
up trash, or fight climate change!
easy on the skin (and the planet)
the softest natural materials made in the most Earth-positive way: organic
farming and non-toxic dyes. great for sensitive skin!
guilt-free fashion
you'll only find ethically-made apparel here. working with Fair Trade and
WRAP-certified facilities means makers are fairly paid and are ensured good
working conditions.
climate positive
your clothing doesn't need to contribute to climate change. Happy Earth products
are made largely with renewable energy - and the leftover emissions are
completely offset!
fast, eco-friendly shipping
your package uses lightweight, recycled materials for low-impact shipping, and
we offset the (minimal) carbon emissions.
happily vegan
we never use animal products, and our organic practices protect animals' natural
habitats.
Certified B Corp
we're a benefit corporation, and we're verified to uphold the highest standards
of social and environmental performance.
the best community
our customers love the planet and we love them!
* Contact Us
* Shipping & Returns
* Rewards
* Sign In
* Wholesale
* Our Story
* Climate Projects
* Plastic Pollution
* Tree Planting
Sign up, Get 15% Off
E-mail
Subscribe
*
*
Privacy | Terms | Accessibility | Do not sell my data
© 2024 Happy Earth
Close dialog 1
Join our email list and we'll give you 15% off your first order - add your
phone, and we'll make it 20% off!
Which categories are you interested in?
Menswear
Womenswear
SIGN UP
You're signing up to receive emails from Happy Earth. Exclusions apply. Cannot
be combined with other offers.