Ads.txt Alerts - Protect your revenue

shadeandtone.com Ads.txt file

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:fb="https://www.facebook.com/2008/fbml" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.esalon.com/images/esalon/favicon/apple-touch-icon._ts1578601473.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.esalon.com/images/esalon/favicon/favicon-32x32._ts1578601473.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.esalon.com/images/esalon/favicon/favicon-16x16._ts1578601473.png">
<link rel="manifest" href="https://www.esalon.com/images/esalon/favicon/site._ts1578601473.webmanifest">
<link rel="mask-icon" href="https://www.esalon.com/images/esalon/favicon/safari-pinned-tab._ts1578601473.svg" color="#5bbad5">
<link rel="shortcut icon" href="https://www.esalon.com/images/esalon/favicon/favicon._ts1578601473.ico">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="msapplication-config" content="https://www.esalon.com/images/esalon/favicon/browserconfig._ts1578601473.xml">
<meta name="theme-color" content="#ffffff"> <title>Custom Home Hair Color, Delivered to You | eSalon</title>

<link rel="stylesheet" type="text/css" href="https://www.esalon.com/css/bootstrap-3.4.1/bootstrap.min._ts1582041613.css"/>
<link rel="stylesheet" type="text/css" href="https://www.esalon.com/css/esalon-global._ts1749742859.css"/>
<script src="https://www.datadoghq-browser-agent.com/datadog-rum-us.js" type="b5a01c20e44272740c7a287f-text/javascript"></script>
<script src="https://www.datadoghq-browser-agent.com/datadog-logs-us.js" type="b5a01c20e44272740c7a287f-text/javascript"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript">
window.DD_RUM && window.DD_RUM.init({
clientToken: 'puba506a8438c78892ed12ad5e47b65f472',
applicationId: 'ba22172d-3896-4755-b03c-40ee8f7b4131',
sampleRate: 10
});
window.DD_LOGS && DD_LOGS.init({
clientToken: 'pub013d65ae119afb48c2c5c2ac0b2f5f17',
datacenter: 'us',
forwardErrorsToLogs: true,
sampleRate: 100
});
</script> <script type="b5a01c20e44272740c7a287f-text/javascript">
dataLayer = [{"show_cookie_banner":1,"device_type":"desktop","allow_marketing":0,"consent_marketing":"","allow_analytics":1,"consent_analytics":"","logged_in":0,"short_host":"esalon.com","currency_code":"USD","language":"en_US","currency_language":"USD-en_US","esalon_session_id":"l2phjef0javrs5le775qpu0fpm","awin_merchant_id":"28513","page":"home","fbads_events":null}];
</script>


<script type="b5a01c20e44272740c7a287f-text/javascript">(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'/anonalyze/?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','');</script>


<meta name="description" content="eSalon creates custom at-home hair color, made just for you. Our licensed colorists make each shade from scratch to fit your color goals. Our hair dye has won 8 Allure Best of Beauty Awards and 4 Readers' Choice Awards, making us a Hall of Fame member."/>
<meta property="og:title" content="Custom Home Hair Color, Delivered to You | eSalon"/>
<meta property="og:url" content="/"/>
<meta property="og:image" content="https://www.esalon.com/images/esalon/opengraph_cover.jpg"/>
<meta property="og:type" content="website"/>
<meta property="og:site_name" content="eSalon"/>
<meta property="og:admins" content="682451712"/>
<meta property="fb:page_id" content="119115358133249"/>
<meta property="fb:app_id" content="148940558480674"/>
<meta property="og:description" content="eSalon creates custom at-home hair color, made just for you. Our licensed colorists make each shade from scratch to fit your color goals. Our hair dye has won 8 Allure Best of Beauty Awards and 4 Readers' Choice Awards, making us a Hall of Fame member."/>
<meta property="og:locale" content="en_US"/>
<link rel="alternate" hreflang="es-us" href="https://www.esalon.com/es/" />
<link rel="alternate" hreflang="en-gb" href="https://www.esalon.co.uk/" />
<link rel="alternate" hreflang="en-ca" href="https://www.esalon.ca/" />
<link rel="alternate" hreflang="es-es" href="https://www.esalon.es/" />
<link rel="alternate" hreflang="de-de" href="https://www.esalon.de/" />
<link rel="alternate" hreflang="de-at" href="https://www.esalon.at/" />
<link rel="alternate" hreflang="fr-fr" href="https://www.esalon.fr/" />
<link rel="alternate" hreflang="en-ie" href="https://www.esalon.ie/" />
<link rel="alternate" hreflang="en-nl" href="https://www.esalon.co.nl/" />
<link rel="alternate" hreflang="de-ch" href="https://www.esalon.ch/" />
<link rel="alternate" hreflang="fr-ch" href="https://www.esalon.ch/fr/" />
<link rel="alternate" hreflang="it-it" href="https://www.esalon.it/" />
<link rel="alternate" hreflang="x-default" href="https://www.esalon.com/" />
<link rel="canonical" href="https://www.esalon.com/"/><script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/jquery-3.6.1.min._ts1676577022.js"></script><script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/Tocca.min._ts1577379331.js"></script><script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function() {
var lazyImages = [].slice.call(document.querySelectorAll("img.lazy"));
if ("IntersectionObserver" in window && "IntersectionObserverEntry" in window && "intersectionRatio" in window.IntersectionObserverEntry.prototype) {
let lazyImageObserver = new IntersectionObserver(function(entries, observer) {
entries.forEach(function(entry) {
if (entry.isIntersecting) {
let lazyImage = entry.target;
lazyImage.src = lazyImage.dataset.src;
lazyImage.srcset = lazyImage.dataset.srcset;
lazyImage.classList.remove("lazy");
lazyImageObserver.unobserve(lazyImage);
}
});
});
lazyImages.forEach(function(lazyImage) {
lazyImageObserver.observe(lazyImage);
});
}
});
</script>
<link rel="stylesheet" type="text/css" href="https://www.esalon.com/css/home/logged_out/home_main._ts1749742859.css"/>
</head>
<body class="lang-en_US">
<div id="fb-root"></div>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var isFBLoaded = false;
window.fbAsyncInit = function() {
FB.init({appId: '148940558480674',
version: 'v17.0',
status: true,
channelUrl : '//www.esalon.com/fb_channel.html',
cookie: true,
autoLogAppEvents : true,
xfbml: false,
version: 'v17.0'});
isFBLoaded = true;
};
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js" type="b5a01c20e44272740c7a287f-text/javascript"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var _udn=".esalon.com";
</script>
<div ng-app="cartSection" id="cartCtrl" ng-controller="cartCtrl">
<div ng-cloak>
<div class="minicart2" ng-show="isCartShowing()">
<div class="minicart2-container">
<div class="minicart2-header" ng-click="toggleCart()">
<div class="close-icon">
<script type="text/javascript" style="display:none">
//<![CDATA[
window.__mirage2 = {petok:"nWQuLgwTTCFQ8NnZQEM19gAj3euR7mZ9Fwx.YZaPXLs-1800-0.0.1.1"};
//]]>
</script>
<script type="text/javascript" src="https://ajax.cloudflare.com/cdn-cgi/scripts/04b3eb47/cloudflare-static/mirage2.min.js"></script>
<img class="img-responsive" alt="" data-cfsrc="https://www.esalon.com/images/esalon/icons/arrow_cart@2x._ts1581697432.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/icons/arrow_cart@2x._ts1581697432.png" class="img-responsive" alt=""/></noscript> </div>
<div class="minicart-heading">
Shopping Bag </div>
</div>
<div ng-cloak class="product-queue" ng-show="getCartItems().length">
<table class="ps-child">
<tbody>
<tr ng-repeat="item in getCartItems() track by $index"
ng-class="{'item-removed': !showItem(item), 'row-hidden': !showItem(item) && !showUndo(item)}"
data-product_id="{{item.product_id}}"
>
<td class="col-img" ng-show="showItem(item)">
<a ng-href="{{item.hide_product_page == 1 ? '' : item.product_url}}">
<img ng-src="{{item.images.v4_thumb_cdn}}" ng-srcset="{{item.images.v4_thumb_2x_cdn}} 2x" class="img-responsive" alt="{{displayTitle(item, true)}}" />
</a>
</td>

<td class="col-desc" ng-show="showItem(item)">
<a ng-href="{{item.hide_product_page == 1 ? '' : item.product_url}}">
<div class="pd-title" ng-bind="displayTitle(item, true)"></div>
<div ng-show="!item.is_haircolor" class="pd-description">{{item.translated_name}}</div>
<div ng-show="item.variation_type && !item.benefits_string" class="variation">
{{getVariationType(item.variation_type)}}: {{item.variation_name}}
</div>
<div ng-show="item.benefits_string" class="variation">
{{benefitsWithLabel(item)}}
</div>
<div ng-show="item.fragrance" class="variation">
{{fragranceWithLabel(item)}}
</div>
<div ng-show="item.dye_type" class="variation">
{{getHairColorVariation(item.dye_type)}}
</div>
</a>
<div class="item-quantity" ng-class="{'non-increment': !showIncrement(this)}">
<span ng-show="showIncrement(this)">
<span class="increment" ng-class="{'disabled': item.qty == 1}" ng-click="incrementQty(item, -1)">-</span>
<span class="item-qty">{{item.qty}}</span>
<span class="increment" ng-class="{'disabled': item.qty >= maxOrderSize(item)}" ng-click="incrementQty(item, 1)">+</span>
</span>
<span class="item-remove" ng-show="item.removeable" ng-class="{'non-increment': !showIncrement(this)}" ng-click="removeItem(item)">
remove </span>
</div>
</td>
<td class="col-price" ng-show="showItem(item)">
<div class="item_price" ng-show="item.bundle_special">
Included </div>
<div class="item_price" ng-hide="item.bundle_special">
{{showPrice($index)}}
</div>
<div class="item_full_price" ng-show="item.show_full_price">
{{showFullPrice($index)}}
</div>
</td>
<td colspan="3" ng-show="!showItem(item) && showUndo(item)" class="removed-item-undo" add-remove-class>
<div class="removed-item-msg">
{{removedItemText(displayTitle(item, true))}}
<span class="undo-remove-link" ng-show="showUndo(item)" onclick="if (!window.__cfRLUnblockHandlers) return false; esUndoRemoveItem(this)" data-product-id="{{item.product_id}}" data-is-haircolor="{{item.is_haircolor}}" data-unit-price="{{item.unit_price}}" data-auto-delivery="{{item.auto_delivery}}" data-product-options="{{item.product_options}}" data-cf-modified-b5a01c20e44272740c7a287f-="">
undo </span>
</div>

<form action="/checkout/summary" id="ProductDisplayForm" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="513b5004b2da5c2e7576451f8a6812636af5f1fd5b7bc26e066f6f5edeadfbd4507a374ca50301e2d5dddae4f694ff1647eb754c262d87630c6061efea889714" id="Token401063028" autocomplete="off"/></div><input type="hidden" name="data[Product][product_id]" id="UndoId" value="0"/><input type="hidden" name="data[Product][auto_delivery]" value="now" id="ProductAutoDelivery"/><input type="hidden" name="data[Product][qty]" id="UndoQty" value="1"/><input type="hidden" name="data[Product][undo_price]" id="UndoPrice" value="0"/><input type="hidden" name="data[Product][undo_ad]" id="UndoAd" value="0"/><input type="hidden" name="data[Product][undo_product_options]" id="UndoProductOptions" value=""/><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="99441beba3a5b5143afeb739bfb9c90a6dc02da8%3AProduct.auto_delivery%7CProduct.product_id%7CProduct.qty%7CProduct.undo_ad%7CProduct.undo_price%7CProduct.undo_product_options" id="TokenFields1294524238" autocomplete="off"/><input type="hidden" name="data[_Token][unlocked]" value="Support.browser%7Ccategory" id="TokenUnlocked2025464502" autocomplete="off"/></div></form> </td>
</tr>
</tbody>
</table>
</div>
<div ng-cloak class="no-items" ng_show="!getCartItems().length">
<div class="no-items-msg">
Your Shopping Bag is Empty.<br>Let's Fix That! </div>
<button class="button-pink-esalon md side-cart keep-shopping" onclick="if (!window.__cfRLUnblockHandlers) return false; location='/products'" data-cf-modified-b5a01c20e44272740c7a287f-="">
START SHOPPING </button>
</div>
<div class="minicart2-footer" ng-show="getCartItems().length">
<div class="mc-footer-sub">
<div class="subtotal">
Subtotal: <span class="subtotal" ng-bind="form_subtotal() | formatCurrency"></span>
</div>
<div class="discount-description" ng-show="discount_description">
{{getDiscountDescription(discount_description)}}
</div>
<ul class="mc-ctas">
<li>
<button class="btn-primary4-esalon md side-cart keep-shopping" ng-click="toggleCart()">
Keep Shopping </button>
</li>
<li>
<button class="btn-primary2-esalon md" onclick="if (!window.__cfRLUnblockHandlers) return false; location="/checkout"; return false;" data-cf-modified-b5a01c20e44272740c7a287f-="">
Checkout </button>
</li>
</ul>
</div>
</div>
</div>
<div class="minicart2-mask" ng-click="toggleCart()"></div>
</div>
</div>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var previous_scroll_height = 0,
max_product_quantity = 10,
mc_container = $('.minicart2-container'),
mc_products = $('.product-queue');
mc_header = $('.minicart2-header'),
mc_footer = $('.minicart2-footer').not('.mobile'),
mc_table = mc_products.find('table'),
mc_scroll_rail = $('.mc-scroll-rail'),
mc_scroll_thumb = $('.mc-scroll-thumb'),
mc_footer_guarantee = $('.mc-footer-guarantee');
keep_shopping_url = '/products',
browser = {"is_mobile":false,"is_tablet":false,"browser_os":"other","browser_device":"desktop","is_bot":false,"browser_type":"desktop:other","checked":true} || {}
i18n_strings = {};
var $cartScope;

$(document).ready(function(){
mc_footer_guarantee.popover({
content:'<img src="https://www.esalon.com/images/esalon/seals/guarantee_seal_pink_84@2x._ts1581533962.png" alt=""/><img src="https://www.esalon.com/images/icon-close-x-small._ts1577378896.png" class="popover-close" alt=""/>If for any reason you’re not 100% satisfied with your experience, we’ll resend or refund your purchase (less shipping)—anytime!',
trigger: (browser.is_mobile || browser.is_tablet) ? 'click' : 'hover',
html:"true",
placement:"top",
animation: true
});

$('.minicart2').on('swiperight', function(){
getCartScope().toggleCart();
});

mc_container.on('click', function(e) {
if (browser.is_tablet && typeof $(e.target).data('original-title') == 'undefined') {
$('[data-original-title]').popover('hide');
}
});

$('.minicart2').addClass(browser.is_mobile || browser.is_tablet ? 'touch' : 'non-touch');
// i18n strings
i18n_strings.demi_permanent_hc = 'Demi-Permanent Hair Color';
i18n_strings.permanent_hc = 'Permanent Hair Color';
i18n_strings.removed_item_text = '%1$s has been removed';
i18n_strings.discount_description = '%1$s discount will be applied at checkout';
i18n_strings.variation_types = I18N.getVariationType();
i18n_strings.benefitsLabel = 'Goals:';
i18n_strings.fragranceLabel = 'Fragrance:';
});

$(window).resize(function(){
esSetMenuScroll();
});

function esSetMenu (is_displayed) {
var scroll_width = window.innerWidth - $(document).width();
var is_touch = (browser.is_mobile || browser.is_tablet);
var add_class = 'minicart-open' + ((is_touch) ? ' mc-open-mobile' : '');
if (is_displayed) {
mc_table.find('tr').show();
$('body').css({
'marginRight': scroll_width,
'position': (is_touch) ? 'fixed' : 'initial',
'width': (is_touch) ? '100%' : 'initial'
}).addClass(add_class);
$('header > div').css({
'right': scroll_width
});
if (is_touch) {
$('.popover-close').show();
}
} else {
mc_table.find('tr').css('height', '').find('td').show();
$('body').css({
'marginRight': 0,
'position': 'initial'
}).removeClass(add_class);
$('header > div').css({
'right': ''
});
}
getCartScope().setI18NStrings(i18n_strings);
}

function esSetMenuScroll() {
var scroll_height = mc_table.height() + mc_footer.height();
if (mc_header.width()) {
mc_footer.width(mc_header.width());
}
if (scroll_height != previous_scroll_height) {
mc_products.height('');
mc_products.height(scroll_height);
}
}

function esUndoRemoveItem(element) {
var product_id = $(element).data('product-id');
var product_qty = $(element).closest('tr').find('.item-qty').text();
var unit_price = $(element).data('unit-price');
var auto_delivery = $(element).data('auto-delivery');
var product_options = $(element).data('product-options');

var form = $(element).parent().siblings('form');
var id_input = $(form).find('#UndoId');
var qty_input = $(form).find('#UndoQty');
var price_input = $(form).find('#UndoPrice');
var ad_input = $(form).find('#UndoAd');
var product_options_input = $(form).find('#UndoProductOptions');

if ($(element).data('is-haircolor')) {
form.submit();
return;
}

$(id_input).val(product_id);
$(qty_input).val(product_qty);
$(price_input).val(unit_price);
$(ad_input).val(auto_delivery);
if (product_options) {
$(product_options_input).val(JSON.stringify(product_options));
}
$.post('/carts/add',
$(form).serialize(),
function(data) {
if (data.success) {
getCartScope().$apply(function() {
getCartScope().addCart(data.cart_item);
});
}
},
'json'
);
}

function esToogleMenuFooter(is_open) {
if (is_open) {
mc_footer.css({
position: 'fixed',
bottom: 0
})
} else {
mc_footer.css({
position: 'absolute',
bottom: mc_container.scrollTop() * -1
})
}
}

function getCartScope() {
if (!$cartScope) {
var cartElement = $('#cartCtrl');
$cartScope = angular.element(cartElement).scope();
}

return $cartScope;
}

</script>

<div class="container hidden-xs">
<div class="language-toggle">
<div class="dropdown hidden-xs" role="button">
<div class="dropdown-toggle active-lang" data-toggle="dropdown" tabindex="0">
<span class='flag sm us'></span>
<p class="text-white">USA (EN)</p>
<span class="sr-only">Language Toggle Dropdown</span>
</div>
<div class="dropdown-menu pull-right">
<div class="lang-title">Location settings</div>
<p class="lang-copy">Please note: Changing regions may affect price and product availability.</p>

<ul class="language-list">
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=en&url=%2F" rel="nofollow">
United States </a>
</li>
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=es&url=%2F" rel="nofollow">
Estados Unidos </a>
</li>
<li>
<span class="flag ca"></span>
<a href="/domain_toggle?short_host=esalon.ca&language=en&url=%2F" rel="nofollow">
Canada </a>
</li>
<li>
<span class="flag uk"></span>
<a href="/domain_toggle?short_host=esalon.co.uk&language=en&url=%2F" rel="nofollow">
United Kingdom </a>
</li>
<li>
<span class="flag ie"></span>
<a href="/domain_toggle?short_host=esalon.ie&language=en&url=%2F" rel="nofollow">
Ireland </a>
</li>
<li>
<span class="flag au"></span>
<a href="/domain_toggle?short_host=esalon.com.au&language=en&url=%2F" rel="nofollow">
Australia </a>
</li>
<li>
<span class="flag nz"></span>
<a href="/domain_toggle?short_host=esalon.co.nz&language=en&url=%2F" rel="nofollow">
New Zealand </a>
</li>
<li>
<span class="flag de"></span>
<a href="/domain_toggle?short_host=esalon.de&language=de&url=%2F" rel="nofollow">
Deutschland </a>
</li>
<li>
<span class="flag at"></span>
<a href="/domain_toggle?short_host=esalon.at&language=de&url=%2F" rel="nofollow">
Österreich </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=de&url=%2F" rel="nofollow">
Schweiz </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=fr&url=%2F" rel="nofollow">
Suisse </a>
</li>
<li>
<span class="flag es"></span>
<a href="/domain_toggle?short_host=esalon.es&language=es&url=%2F" rel="nofollow">
España </a>
</li>
<li>
<span class="flag fr"></span>
<a href="/domain_toggle?short_host=esalon.fr&language=fr&url=%2F" rel="nofollow">
France </a>
</li>
<li>
<span class="flag it"></span>
<a href="/domain_toggle?short_host=esalon.it&language=it&url=%2F" rel="nofollow">
Italia </a>
</li>
<li>
<span class="flag nl"></span>
<a href="/domain_toggle?short_host=esalon.co.nl&language=en&url=%2F" rel="nofollow">
Netherlands (EN) </a>
</li>
<li>
<span class="flag eu"></span>
<a href="/domain_toggle?short_host=esalon.eu.com&language=en&url=%2F" rel="nofollow">
Other Europe </a>
</li>
</ul>
</div>
</div>

<ul class="language-list visible-xs">
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=en&url=%2F" rel="nofollow">
United States </a>
</li>
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=es&url=%2F" rel="nofollow">
Estados Unidos </a>
</li>
<li>
<span class="flag ca"></span>
<a href="/domain_toggle?short_host=esalon.ca&language=en&url=%2F" rel="nofollow">
Canada </a>
</li>
<li>
<span class="flag uk"></span>
<a href="/domain_toggle?short_host=esalon.co.uk&language=en&url=%2F" rel="nofollow">
United Kingdom </a>
</li>
<li>
<span class="flag ie"></span>
<a href="/domain_toggle?short_host=esalon.ie&language=en&url=%2F" rel="nofollow">
Ireland </a>
</li>
<li>
<span class="flag au"></span>
<a href="/domain_toggle?short_host=esalon.com.au&language=en&url=%2F" rel="nofollow">
Australia </a>
</li>
<li>
<span class="flag nz"></span>
<a href="/domain_toggle?short_host=esalon.co.nz&language=en&url=%2F" rel="nofollow">
New Zealand </a>
</li>
<li>
<span class="flag de"></span>
<a href="/domain_toggle?short_host=esalon.de&language=de&url=%2F" rel="nofollow">
Deutschland </a>
</li>
<li>
<span class="flag at"></span>
<a href="/domain_toggle?short_host=esalon.at&language=de&url=%2F" rel="nofollow">
Österreich </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=de&url=%2F" rel="nofollow">
Schweiz </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=fr&url=%2F" rel="nofollow">
Suisse </a>
</li>
<li>
<span class="flag es"></span>
<a href="/domain_toggle?short_host=esalon.es&language=es&url=%2F" rel="nofollow">
España </a>
</li>
<li>
<span class="flag fr"></span>
<a href="/domain_toggle?short_host=esalon.fr&language=fr&url=%2F" rel="nofollow">
France </a>
</li>
<li>
<span class="flag it"></span>
<a href="/domain_toggle?short_host=esalon.it&language=it&url=%2F" rel="nofollow">
Italia </a>
</li>
<li>
<span class="flag nl"></span>
<a href="/domain_toggle?short_host=esalon.co.nl&language=en&url=%2F" rel="nofollow">
Netherlands (EN) </a>
</li>
<li>
<span class="flag eu"></span>
<a href="/domain_toggle?short_host=esalon.eu.com&language=en&url=%2F" rel="nofollow">
Other Europe </a>
</li>
</ul>
</div>
</div>

<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/jquery.scrolltofixed.min._ts1577379331.js"></script>
<div class="header-banner no-fix allure-bob" id="allure-bob-banner">
<div>
<p class="allure-bob desktop">
9x Allure Best of Beauty winner! <a class="cta-link match-copy" href="/custom-hair-color">
Shop award-winning color. </a>
</p>
<p class="allure-bob mobile">
9x Allure Best of Beauty winner! <a class="cta-link match-copy" href="/custom-hair-color">
Shop now </a>
</p>
</div>
</div>
<header class="global-header no-fix">
<div class="navbar-fixed-top" role="navigation">

<div class="container">
<table role="presentation">
<tr>


<td class="mobile-menu visible-xs">
<button type="button" class="menu-button navbar-toggle" id="menu-button" aria-label="Menu" aria-expanded="false">
<span class="sr-only"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>

<nav class="mobile-overlay" id="mobile-dropdown">
<span class="menu-close"></span>
<div class="dropdown-wrapper" id="mobile-nav-wrapper">

<div id="mobileMenuCarousel" class="carousel slide touch" data-ride="carousel" data-interval="false">
<div class="carousel-inner">
<div class="item active">
<ul class="nav-links">
<li><a href="/">Home</a></li>


<li><a href="/custom-hair-color">Custom Hair Color</a></li>


<li><a href="/custom-hair-care">Custom Hair Care</a></li>


<li><a href="/custom-hair-growth">Custom Hair Growth - <span>New!</span></a></li>


<li class="with-sub" data-target="#mobileMenuCarousel" data-slide-to="1"><a href="#">Shop</a></li>


<li><a href="/hair-color-mastery">Blog</a></li>


<li><a href="/support">Support</a></li>


<li><a class="signin" href="/my_account/home">Sign in</a></li>
</ul>

</div>
<div class="item">
<ul class="nav-links sub-links">
<li class="submenu-title">Shop</li>
<li><a href="/products">All Products</a></li>

<li><a href="/products/v/1536/dark-brown-chocolate-4am">Top Shades</a></li>

<li><a href="/brands-we-love/alterna">Alterna</a></li><li><a href="/brands-we-love/colorsmith">Colorsmith</a></li><li><a href="/brands-we-love/joico">Joico</a></li><li><a href="/brands-we-love/kenra">Kenra</a></li><li><a href="/brands-we-love/schwarzkopf">Schwarzkopf</a></li><li><a href="/brands-we-love/sexyhair">SexyHair</a></li><li><a href="/brands-we-love/t3">T3</a></li><li><a href="/brands-we-love/stmnt">STMNT</a></li><li><a href="/brands-we-love/devacurl">DevaCurl</a></li> <a class="carousel-control-prev menu-back" href="#mobileMenuCarousel" role="button" data-slide="prev">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/icons/menu_left_arrow@2x._ts1614633667.png 2x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/icons/menu_left_arrow._ts1614633667.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/icons/menu_left_arrow._ts1614633667.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/icons/menu_left_arrow@2x._ts1614633667.png 2x" alt=""/></noscript> </a>
</ul>
</div>
<div class="item">
<ul class="nav-links sub-links">
<li class="submenu-title">Shop</li>
<li><a href="/products">All Products</a></li>

<li><a href="/brands-we-love/alterna">Alterna</a></li><li><a href="/brands-we-love/colorsmith">Colorsmith</a></li><li><a href="/brands-we-love/joico">Joico</a></li><li><a href="/brands-we-love/kenra">Kenra</a></li><li><a href="/brands-we-love/schwarzkopf">Schwarzkopf</a></li><li><a href="/brands-we-love/sexyhair">SexyHair</a></li><li><a href="/brands-we-love/t3">T3</a></li><li><a href="/brands-we-love/stmnt">STMNT</a></li><li><a href="/brands-we-love/devacurl">DevaCurl</a></li> <a class="carousel-control-prev menu-back" href="#mobileMenuCarousel" role="button" data-slide="prev">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/icons/menu_left_arrow@2x._ts1614633667.png 2x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/icons/menu_left_arrow._ts1614633667.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/icons/menu_left_arrow._ts1614633667.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/icons/menu_left_arrow@2x._ts1614633667.png 2x" alt=""/></noscript> </a>
</ul>
</div>
</div>
</div>

<div class="language-toggle">
<div class="active-lang hidden-sm hidden-md hidden-lg">
<span class='flag us'></span>
<p>United States</p>
<a href="javascript:void(0)" class="cta-link" id="change-lang">CHANGE</a>
</div>
</div> </div>

<div class="location-settings hidden">
<div class="copy">
<div class='lang-title'>Location settings</div>
<p class="lang-copy">Please note: Changing regions may affect price and product availability.</p>

<div class="language-toggle">
<div class="dropdown hidden-xs" role="button">
<div class="dropdown-toggle active-lang" data-toggle="dropdown" tabindex="0">
<span class='flag sm us'></span>
<p class="text-white">USA (EN)</p>
<span class="sr-only">Language Toggle Dropdown</span>
</div>
<div class="dropdown-menu pull-right">
<div class="lang-title">Location settings</div>
<p class="lang-copy">Please note: Changing regions may affect price and product availability.</p>

<ul class="language-list">
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=en&url=%2F" rel="nofollow">
United States </a>
</li>
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=es&url=%2F" rel="nofollow">
Estados Unidos </a>
</li>
<li>
<span class="flag ca"></span>
<a href="/domain_toggle?short_host=esalon.ca&language=en&url=%2F" rel="nofollow">
Canada </a>
</li>
<li>
<span class="flag uk"></span>
<a href="/domain_toggle?short_host=esalon.co.uk&language=en&url=%2F" rel="nofollow">
United Kingdom </a>
</li>
<li>
<span class="flag ie"></span>
<a href="/domain_toggle?short_host=esalon.ie&language=en&url=%2F" rel="nofollow">
Ireland </a>
</li>
<li>
<span class="flag au"></span>
<a href="/domain_toggle?short_host=esalon.com.au&language=en&url=%2F" rel="nofollow">
Australia </a>
</li>
<li>
<span class="flag nz"></span>
<a href="/domain_toggle?short_host=esalon.co.nz&language=en&url=%2F" rel="nofollow">
New Zealand </a>
</li>
<li>
<span class="flag de"></span>
<a href="/domain_toggle?short_host=esalon.de&language=de&url=%2F" rel="nofollow">
Deutschland </a>
</li>
<li>
<span class="flag at"></span>
<a href="/domain_toggle?short_host=esalon.at&language=de&url=%2F" rel="nofollow">
Österreich </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=de&url=%2F" rel="nofollow">
Schweiz </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=fr&url=%2F" rel="nofollow">
Suisse </a>
</li>
<li>
<span class="flag es"></span>
<a href="/domain_toggle?short_host=esalon.es&language=es&url=%2F" rel="nofollow">
España </a>
</li>
<li>
<span class="flag fr"></span>
<a href="/domain_toggle?short_host=esalon.fr&language=fr&url=%2F" rel="nofollow">
France </a>
</li>
<li>
<span class="flag it"></span>
<a href="/domain_toggle?short_host=esalon.it&language=it&url=%2F" rel="nofollow">
Italia </a>
</li>
<li>
<span class="flag nl"></span>
<a href="/domain_toggle?short_host=esalon.co.nl&language=en&url=%2F" rel="nofollow">
Netherlands (EN) </a>
</li>
<li>
<span class="flag eu"></span>
<a href="/domain_toggle?short_host=esalon.eu.com&language=en&url=%2F" rel="nofollow">
Other Europe </a>
</li>
</ul>
</div>
</div>

<ul class="language-list visible-xs">
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=en&url=%2F" rel="nofollow">
United States </a>
</li>
<li>
<span class="flag us"></span>
<a href="/domain_toggle?short_host=esalon.com&language=es&url=%2F" rel="nofollow">
Estados Unidos </a>
</li>
<li>
<span class="flag ca"></span>
<a href="/domain_toggle?short_host=esalon.ca&language=en&url=%2F" rel="nofollow">
Canada </a>
</li>
<li>
<span class="flag uk"></span>
<a href="/domain_toggle?short_host=esalon.co.uk&language=en&url=%2F" rel="nofollow">
United Kingdom </a>
</li>
<li>
<span class="flag ie"></span>
<a href="/domain_toggle?short_host=esalon.ie&language=en&url=%2F" rel="nofollow">
Ireland </a>
</li>
<li>
<span class="flag au"></span>
<a href="/domain_toggle?short_host=esalon.com.au&language=en&url=%2F" rel="nofollow">
Australia </a>
</li>
<li>
<span class="flag nz"></span>
<a href="/domain_toggle?short_host=esalon.co.nz&language=en&url=%2F" rel="nofollow">
New Zealand </a>
</li>
<li>
<span class="flag de"></span>
<a href="/domain_toggle?short_host=esalon.de&language=de&url=%2F" rel="nofollow">
Deutschland </a>
</li>
<li>
<span class="flag at"></span>
<a href="/domain_toggle?short_host=esalon.at&language=de&url=%2F" rel="nofollow">
Österreich </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=de&url=%2F" rel="nofollow">
Schweiz </a>
</li>
<li>
<span class="flag ch"></span>
<a href="/domain_toggle?short_host=esalon.ch&language=fr&url=%2F" rel="nofollow">
Suisse </a>
</li>
<li>
<span class="flag es"></span>
<a href="/domain_toggle?short_host=esalon.es&language=es&url=%2F" rel="nofollow">
España </a>
</li>
<li>
<span class="flag fr"></span>
<a href="/domain_toggle?short_host=esalon.fr&language=fr&url=%2F" rel="nofollow">
France </a>
</li>
<li>
<span class="flag it"></span>
<a href="/domain_toggle?short_host=esalon.it&language=it&url=%2F" rel="nofollow">
Italia </a>
</li>
<li>
<span class="flag nl"></span>
<a href="/domain_toggle?short_host=esalon.co.nl&language=en&url=%2F" rel="nofollow">
Netherlands (EN) </a>
</li>
<li>
<span class="flag eu"></span>
<a href="/domain_toggle?short_host=esalon.eu.com&language=en&url=%2F" rel="nofollow">
Other Europe </a>
</li>
</ul>
</div>
</div>
</div>
</nav>
</td>




<td class="logo">
<a class="main-logo" href="/" tabindex="0" aria-label="home">eSalon</a>
</td>


<td class="shop-links hidden-xs ">
<nav role="navigation" aria-label="Main Links">
<ul>
<li >
<a href="/custom-hair-color">Custom Hair Color</a>
</li>


<li class="">
<a href="/custom-hair-care">Custom Hair Care</a>
</li>


<li class="">
<a href="/custom-hair-growth">Custom Hair Growth</a>
</li>


<li >
<a href="/products">Shop</a>
</li>

<li class="">
<a href="/hair-color-mastery">Blog</a>
</li>
</ul>
</nav>
</td>

<td class="account hidden-xs text-right">
<ul>



<li class="login">
<div class="dropdown">
<a href="/my_account/home" aria-label="Log-in to your account here">Sign In</a>
</div>
</li>
</ul>

<div class="clearfix"></div>
</td>


<td class="cart">
<a href="javascript:void(0)" ng-click="showCart()" ng-bind="cartCount(0)" class="bag-icon" aria-label="Number of items in cart">0</a>
</td>

<td class="home-link hidden">
<ul class="pull-right">
<li><a href="/">Go to homepage »</a></li>
</ul>
</td>
</tr>
</table>
</div>

<div class="update-info-header hidden">Success! We've updated your info.</div>
</div>
</header>
</div>

<div class="exclusive_updates_button">
<span>Exclusive Updates</span>
<div id="hide_exclusive_updates_button">×</div>
</div>

<script type="b5a01c20e44272740c7a287f-text/javascript">
// When someone chooses to close the Exclusive Updates button
// set a cookie that expires in 2 months and prevents it from
// being shown. Also hide the button now.
$("#hide_exclusive_updates_button").on("click", function(e) {
e.preventDefault()
// HTTP request to use Cake to set the cookie to hide the button
$.get("/users/dismiss_exclusive_updates", function() {}, 'json')
$(".exclusive_updates_button").hide()
})

$(".exclusive_updates_button").on("click", function(e) {
// Clicking hide would trigger the modal to display, since it's a child div.
// This prevents it from popping up
if($(e.target).attr("id") === "hide_exclusive_updates_button") {
return;
}
if (typeof(mixpanel) != 'undefined') {
mixpanel.track('/exclusive_updates/launch')
}

$("#exclusiveUpdatesModal").modal('show');
})
</script>
<div id="exclusiveUpdatesModal" class="modal fade default" role="dialog">
<div class="modal-dialog">
<div class="close" data-dismiss="modal">×</div>
<div class="modal-content">
<div class="modal-body">
<div class="d-flex justify-content-center">
<div class="main-logo"></div>
</div>

<div id="exclusive-updates-email-step">
<h2 class="title text-center mt-5">
Don't miss out!</h2>

<div class="d-flex justify-content-center">
<img class="img-responsive" alt="Colorset Product" data-cfsrc="https://www.esalon.com/images/esalon/acquisition/D_exclusive_updates._ts1663285943.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/acquisition/D_exclusive_updates._ts1663285943.png" class="img-responsive" alt="Colorset Product"/></noscript></div>

<div class="d-flex callouts">
<div class="text-center">
Be the first to know about sales and product launches. </div>
<div class="text-center">
Plus get insider tips to make the most out of your purchases. </div>
<div class="text-center">
Unsubscribe at any time. </div>
</div>

<h2 class="title text-center mt-6"></h2>

<p class="form-heading">
Enter your email address:</p>

<form action="/" id="" class="popup_email_signup_form" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="513b5004b2da5c2e7576451f8a6812636af5f1fd5b7bc26e066f6f5edeadfbd4507a374ca50301e2d5dddae4f694ff1647eb754c262d87630c6061efea889714" id="Token1214397226" autocomplete="off"/></div><div class="d-flex justify-content-center text-center">
<div class="form-fields round" role="presentation">
<div class="ps-wrapper email-signup">
<div class="form-group floating-label-form-group">
<label for="email_address">
Email Address </label>
<input name="data[User][email_address]" placeholder="Email Address" class="form-control f-c-e-input email-signup-address" oninvalid="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity("There is a problem with your email address")" oninput="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity("")" type="email" data-cf-modified-b5a01c20e44272740c7a287f-="" /> </div>
</div>
</div>

<div>
<button type="submit" class="button-pink-esalon md cta-btn">Yes, sign me up!</button> </div>
</div>
<input type="hidden" name="data[User][source]" value="email_capture_popup" id=""/><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="b56ea8f5ee162542d6ee0337516a5771ab2e928d%3AUser.source" id="TokenFields1081799517" autocomplete="off"/><input type="hidden" name="data[_Token][unlocked]" value="Support.browser%7Ccategory" id="TokenUnlocked1461665472" autocomplete="off"/></div></form>
<div class="text-center mt-3 step">
1 of 2 </div>

<script type="b5a01c20e44272740c7a287f-text/javascript">
let popup_signup_in_process = false
const en_US = true
$(".popup_email_signup_form").on('submit', function(e) {
e.preventDefault()
if (popup_signup_in_process) {
return
}

popup_signup_in_process = true
const t = $(this)
const email = t.find(".email-signup-address").val()

$.post("/users/email_signup", t.serialize(),
function(data) {
if (data.success) {
if (typeof(mixpanel) != 'undefined') {
mixpanel.track('/exclusive_updates/email')
}

$("#exclusive-updates-sms-step").find(".email-address").text(email)
$("#exclusive-updates-sms-step").find(".email-signup-address").val("")
$("#exclusive-updates-email-step").hide()
$("#exclusive-updates-sms-step").hide()
$("#exclusive-updates-exit-step-email").hide()
$("#exclusive-updates-exit-step-sms").hide()

if (en_US) {
$("#exclusive-updates-sms-step").show()
} else {
$("#exclusive-updates-exit-step-email").show()
$(".exclusive_updates_button").hide()
// HTTP request to use Cake to set the cookie to hide the button
$.get("/users/dismiss_exclusive_updates", function() {}, 'json')
}
} else {
t.find(".email-signup-address")[0].setCustomValidity("There is a problem with your email address")
t.find(".email-signup-address")[0].reportValidity()
}

popup_signup_in_process = false
},
'json')
})
</script>
</div>


<div id="exclusive-updates-sms-step" style="display: none;">
<h2 class="title text-center mt-5">
Got it!</h2>

<div class="d-flex justify-content-center">
<img class="img-responsive" alt="Colorset Product" data-cfsrc="https://www.esalon.com/images/esalon/acquisition/D_exclusive_updates._ts1663285943.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/acquisition/D_exclusive_updates._ts1663285943.png" class="img-responsive" alt="Colorset Product"/></noscript></div>

<div class="email-address text-center"></div>

<p class="text-center">
Would you also like to receive texts?</p>

<h2 class="title text-center mt-6"></h2>

<p class="form-heading">
Enter your mobile phone number:</p>

<div class="sms-legal-desktop">
By submitting this form, you agree to receive recurring automated promotional and personalized marketing text messages (e.g. cart reminders) from eSalon at the cell number used when signing up. Consent is not a condition of purchase. Reply HELP for help and STOP to cancel. Msg frequency varies. Msg and data rates may apply. View <a href="http://attn.tv/esalon/terms.html" target="_blank">Terms</a> & <a href="https://attnl.tv/p/Z-W" target="_blank">Privacy</a></div>

<form action="/" id="" class="popup_sms_signup_form" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="513b5004b2da5c2e7576451f8a6812636af5f1fd5b7bc26e066f6f5edeadfbd4507a374ca50301e2d5dddae4f694ff1647eb754c262d87630c6061efea889714" id="Token302597463" autocomplete="off"/></div><div class="d-flex justify-content-center align-items-end text-center">
<div class="form-fields round" role="presentation">
<div class="ps-wrapper">
<div class="form-group floating-label-form-group">
<label for="phone_number">
Mobile Phone Number </label>
<input name="data[User][phone_number]" placeholder="Mobile Phone Number" class="form-control f-c-e-input phone-number" pattern="[0-9)(\- ]{10,15}" oninvalid="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity('"There is a problem with your phone number"')" oninput="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity("")" maxlength="20" type="tel" required="required" data-cf-modified-b5a01c20e44272740c7a287f-="" /> </div>
</div>
</div>

<div class="sms-legal-mobile">
By submitting this form, you agree to receive recurring automated promotional and personalized marketing text messages (e.g. cart reminders) from eSalon at the cell number used when signing up. Consent is not a condition of purchase. Reply HELP for help and STOP to cancel. Msg frequency varies. Msg and data rates may apply. View <a href="https://attn.tv/esalon/terms.html" target="_blank">Terms</a> & <a href="https://attnl.tv/p/Z-W" target="_blank">Privacy</a>. </div>

<div>
<button type="submit" class="button-pink-esalon md cta-btn">Yes, sign me up!</button> </div>
</div>
<input type="hidden" name="data[User][source]" value="sms_capture_popup" id=""/><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="57c7194832b62335dfbdc10557e7ef81dd2378b1%3AUser.source" id="TokenFields373548981" autocomplete="off"/><input type="hidden" name="data[_Token][unlocked]" value="Support.browser%7Ccategory" id="TokenUnlocked1757575922" autocomplete="off"/></div></form><div class="text-center mt-3 step">
2 of 2</div>

<script type="b5a01c20e44272740c7a287f-text/javascript">
let sms_signup_in_process = false
$(".popup_sms_signup_form").on('submit', function(e) {
e.preventDefault()
if (sms_signup_in_process) {
return
}

sms_signup_in_process = true
const t = $(this)

$.post("/users/sms_signup", $(this).serialize(),
function(data) {
if (data.success) {
if (typeof(mixpanel) != 'undefined') {
mixpanel.track('/exclusive_updates/sms')
}

$("#exclusive-updates-email-step").hide()
$("#exclusive-updates-sms-step").hide()
$("#exclusive-updates-exit-step-email").hide()
$("#exclusive-updates-exit-step-sms").show()
$(".exclusive_updates_button").hide()
// HTTP request to use Cake to set the cookie to hide the button
$.get("/users/dismiss_exclusive_updates", function() {}, 'json')
} else {
t.find(".phone-number")[0].setCustomValidity("There is a problem with your phone number")
t.find(".phone-number")[0].reportValidity()
}

sms_signup_in_process = false
},
'json')
})
</script>
</div>

<div id="exclusive-updates-exit-step-sms" style="display: none;">
<h2 class="title text-center mt-5">
Thank you!</h2>

<div class="d-flex justify-content-center">
<img class="img-responsive" alt="Colorset Product" data-cfsrc="https://www.esalon.com/images/esalon/acquisition/D_exclusive_updates._ts1663285943.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/acquisition/D_exclusive_updates._ts1663285943.png" class="img-responsive" alt="Colorset Product"/></noscript></div>

<p class="text-center">
Check your texts!</p>

<p class="text-center">
Reply Y to confirm your subscription.</p>

<p class="text-center">
Opt-out at any time by replying STOP.</p>

<div class="text-center">
<button type="button" class="button-pink-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; $('#exclusiveUpdatesModal').modal('hide');" data-cf-modified-b5a01c20e44272740c7a287f-="">
EXIT </button>
</div>
</div>
</div>
</div>
</div>
</div>

<div id="fb-root"></div>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var isFBLoaded = false;
window.fbAsyncInit = function() {
FB.init({appId: '148940558480674',
version: 'v17.0',
status: true,
channelUrl : '//www.esalon.com/fb_channel.html',
cookie: true,
autoLogAppEvents : true,
xfbml: false,
version: 'v17.0'});
isFBLoaded = true;
};
</script>
<script async defer crossorigin="anonymous" src="https://connect.facebook.net/en_US/sdk.js" type="b5a01c20e44272740c7a287f-text/javascript"></script>
<script src="https://accounts.google.com/gsi/client" type="b5a01c20e44272740c7a287f-text/javascript"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var google_client_id = "412689395934-99jpbnt98nhcuuraptrmqed9im03il8l.apps.googleusercontent.com";
</script><script type="b5a01c20e44272740c7a287f-text/javascript" src="https://appleid.cdn-apple.com/appleauth/static/jsapi/appleid/1/en_US/appleid.auth.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var apple_client_id = 'com.esalon.login';
var apple_redirect_uri = 'https://www.esalon.com/login';
</script><script type="b5a01c20e44272740c7a287f-text/javascript">
var email_match_str = 'The email addresses should be the same.<br>Please double-check your entry.';
var existing_account_str = 'An account with this email address already exists.<br>Existing clients <a %1$s>sign in here</a>.';
var invalid_email_str = 'That is not a valid email address.<br>Please try again.';
var invalid_phone_str = 'The phone number is not valid.<br>Please double-check your entry.';
var processing_str = 'Processing...';
var show_str = 'SHOW';
var hide_str = 'HIDE';
</script>

<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/login._ts1749070231.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript">
var isScrolling = false;
var checkScrolling;

$(document).ready(function() {
var isTouch = false;
var $dropdown_menu_right = $('.dropdown-menu-right');

$("#menu-button").click(function(){
$(".mobile-overlay").fadeToggle(200);
$("body").addClass('modal-open');
});

$('.menu-close').on('click', function(){
$(".mobile-overlay").fadeToggle(200);
$("body").removeClass('modal-open');
open = false;
$('.location-settings').addClass('hidden');
$('#mobile-nav-wrapper').removeClass('hidden').show();
});

$('#change-lang').click(function() {
$('#mobile-nav-wrapper').fadeOut().addClass('hidden');
$('.location-settings').fadeIn().removeClass('hidden');
});

$('body').on('touchstart', function () {
isTouch = true;
});

$('.color-services').click(function() {
$('.color-services-dropdown').fadeIn().toggleClass('hidden');
$(this).toggleClass('active active-arrow');
});

$('.account.arrow').find('.dropdown')
.hover(function() {
if (isTouch) {
return;
}
$(this).addClass('active-arrow');
}, function() {
if (isTouch) {
return;
}
$(this).removeClass('active-arrow');
})
.on('touchend', function(e){
if (isScrolling) {
isScrolling = false;
return;
}
if ($(e.target).hasClass('dropdown-backdrop') && !($(this).hasClass('open') & $(this).hasClass('active-arrow'))) {
return;
}
if ($(e.target).prop('tagName') == 'A') {
return;
}
$(this).toggleClass('active-arrow');
$dropdown_menu_right.toggleClass('active');
});

$(window).scroll(function(e){
isScrolling = true;
window.clearTimeout(checkScrolling);
checkScrolling = setTimeout(function(){
isScrolling = false;
}, 70);
});
});
$('header').scrollToFixed();
</script>

<div class="home-main">
<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/swiper/swiper.min._ts1683663497.js"></script><section class="home-hero new-user">
<swiper-container
id="hero-desktop-swiper"
class="hero-swiper hidden-sm hidden-xs"
pagination="true"
pagination-clickable="true"
space-between="30"
navigation="true"
autoplay-delay="6000"
>
<swiper-slide class="slide-1">
<div class="bg-video">
<video playsinline autoplay muted loop preload="auto" poster="/images/esalon/esalon_hero_poster_d.webp" aria-labelledby="eSalon creates at-home hair color made especially for you and delivered to your door.">
<source src="/images/esalon/esalon_hero_h265.mp4" type="video/mp4">
</video>
<div class="text-container">
<div class="text-seals">
<div class="left-spacer"></div>
<h1 class="display-large">
Infinite hair colors. One you. </h1>
<div class="seal-wrapper">
<div class="icon allure-seal-2024" role="img" aria-label="2024 Allure Best of Beauty Award Winner"></div>
<div class="icon marie-claire-us-seal-2024" role="img" aria-label="2024 Marie Claire US Award"></div>
<div class="icon marie-claire-uk-light-seal-2025" role="img" aria-label="2025 Marie Claire UK Award"></div>
</div>
</div>
<div class="headline-md-wrapper">
<p class="headline-medium">
Experience custom hair color, made by a licensed colorist, and shipped to your door. </p>
</div>
<div class="cta-container">
<button type="button" class="button-blue-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/color_profile9/'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Try it for $26.00 </button>
</div>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-2">
<div class="text-wrapper">
<h1 class="display-large light">
Gray coverage made simple. </h1>
<p class="headline-medium light">
Our salon-quality hair color offers up to 100% gray coverage with radiant results. </p>
<button type="button" class="button-blue-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/color_profile9/'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Try it for $26.00 </button>
</div>
<div class="img-container">
<img alt="model with long wavy hair showing off her hair color" data-cfsrc="https://www.esalon.com/images/esalon/home/hero-swiper/D_hero_slide_02._ts1710197771.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/hero-swiper/D_hero_slide_02._ts1710197771.png" alt="model with long wavy hair showing off her hair color"/></noscript> </div>
</swiper-slide>
</swiper-container>
<swiper-container
id="hero-mobile-swiper"
class="hero-swiper mobile hidden-md hidden-lg"
pagination="true"
pagination-clickable="true"
space-between="30"
autoplay-delay="6000"
>
<swiper-slide class="slide-1">
<div class="bg-video">
<video playsinline autoplay muted loop poster="/images/esalon/esalon_hero_poster_m.webp" aria-labelledby="eSalon creates at-home hair color made especially for you and delivered to your door.">
<source src="/images/esalon/esalon_hero_comp_720.mp4" type="video/mp4">
</video>
<div class="text-container">
<div class="seal-wrapper">
<div class="icon allure-seal-2024" role="img" aria-label="2024 Allure Best of Beauty Award Winner"></div>
<div class="icon marie-claire-us-seal-2024" role="img" aria-label="2024 Marie Claire US Award"></div>
<div class="icon marie-claire-uk-light-seal-2025" role="img" aria-label="2025 Marie Claire UK Award"></div>
</div>
<h1 class="display-small">
Infinite hair colors. One you. </h1>
<p class="headline-small">
Experience custom hair color, made by a licensed colorist, and shipped to your door. </p>
<div class="cta-container">
<button type="button" class="button-blue-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/color_profile9/'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Try it for $26.00 </button>
</div>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-2">
<div class="text-container">
<h1 class="display-small light">
Gray coverage made simple. </h1>
<p class="headline-small light">
Our salon-quality hair color offers up to 100% gray coverage with radiant results. </p>
<div class="cta-container">
<button type="button" class="button-blue-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/color_profile9/'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Try it for $26.00 </button>
</div>
</div>
</swiper-slide>
</swiper-container>
</section>

<script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function() {
const heroSwiper = $('#hero-desktop-swiper')[0].swiper;
const heroMobileSwiper = $('#hero-mobile-swiper')[0].swiper;

heroSwiper.on('slideChange', function() {
if (heroSwiper.activeIndex == 1) {
$(heroSwiper.navigation.nextEl).css({
'color': '#030303'
});
$(heroSwiper.navigation.prevEl).css({
'color': '#030303'
});
} else {
$(heroSwiper.navigation.nextEl).css({
'color': 'white'
});
$(heroSwiper.navigation.prevEl).css({
'color': 'white'
});
}
})
heroSwiper.update()
heroMobileSwiper.update()
});
</script><section class="home-color-set-feature">
<div class="d-flex justify-content-center">
<img class="img-responsive hidden-xs" alt="The Custom Color Set by eSalon with the Allure Best of Beauty Hall of Fame Seal" srcset="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@2x._ts1728321255.jpg 2x,https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@3x._ts1728321255.jpg 3x" data-cfsrc="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large._ts1728321255.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large._ts1728321255.jpg" class="img-responsive hidden-xs" alt="The Custom Color Set by eSalon with the Allure Best of Beauty Hall of Fame Seal" srcset="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@2x._ts1728321255.jpg 2x,https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@3x._ts1728321255.jpg 3x"/></noscript> <div class="color-set-info">
<h2 class="title-large">Custom Hair Color Set</h2>
<div class="rating-line">
<ul class="list-divider d-flex">
<li class="star-rating">
<div class="pd-review-stars">
<span class="stars" title="4.1 stars">
<span style="width: 81px;"></span>
</span>
</div>
</li>
<li>
4.1<span class="rating-copy"> RATING</span>
</li>
<li class="little-divider"></li>
<li class="review-copy">
66,925 REVIEWS </li>
</ul>
</div>
<img class="img-responsive visible-xs" alt="The Custom Color Set by eSalon with the Allure Best of Beauty Hall of Fame Seal" srcset="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@2x._ts1728321255.jpg 2x,https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@3x._ts1728321255.jpg 3x" data-cfsrc="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large._ts1728321255.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large._ts1728321255.jpg" class="img-responsive visible-xs" alt="The Custom Color Set by eSalon with the Allure Best of Beauty Hall of Fame Seal" srcset="https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@2x._ts1728321255.jpg 2x,https://www.esalon.com/images/products/v4/newprod/1-gallery1-large@3x._ts1728321255.jpg 3x"/></noscript>
<p class="body-large intro-copy">Made-to-order custom hair color, individually crafted by a licensed colorist to achieve your ultimate color goal. Includes your unique-to-you color, personalized instructions, and everything you need to color at home. Now available with the option to choose an Ammonia-free formula.</p>
<h3 class="label-small">HOW IT WORKS</h3>
<ol>
<li class="body-large">Create your hair color profile.</li>
<li class="body-large">Our licensed colorists will craft your color.</li>
<li class="body-large">Your custom Color Set arrives at your door!</li>
</ol>
<span class="title-large pricing"><span>$32.50</span> $26.00</span>
<span class="label-small color-plan">COLOR PLAN</span>
</div>
</div>
<div class="cta-section d-flex align-items-center">
<a href="/custom-hair-color"><button class="button-blue-esalon md cta-btn">LEARN MORE</button></a>
</div>
</section>

<script type="application/ld+json">
{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Custom Color Set","image":"https:\/\/www.esalon.com\/images\/products\/v4\/1-gallery1-large@2x._ts1728321255.jpg","description":"The first and only of its kind, our bespoke hair dye is formulated-to-order for your unique needs and desired look. Get your custom hair color today!","sku":"esalon-1","brand":{"@type":"Brand","name":"eSalon"},"offers":{"@type":"Offer","priceCurrency":"USD","price":32.5,"priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/custom-hair-color","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"},"aggregateRating":{"@type":"AggregateRating","ratingValue":"4.1","reviewCount":"66925"}}</script><section class="press">
<div class="awards">
<div class="wrapper">
<div class="seal-container">
<div class="icon allure-seal-2024" role="img" aria-label="2024 Allure Best of Beauty Award Winner"></div>
<div class="icon marie-claire-us-seal-2024" role="img" aria-label="2024 Marie Claire US Award"></div>
<div class="icon marie-claire-uk-dark-seal-2025" role="img" aria-label="2025 Marie Claire UK Award"></div>
</div>
<div class="text-container">
<p class="body-large">
Allure's 9x Best of Beauty Winner and crowned as a 4x Allure Readers' Choice Award Winner, our Custom Color Set has now won a prestigious Oprah Daily Editor's Choice Award. </p>
</div>
</div>
</div>
<div class="as-seen"><span>AS SEEN IN</span></div>
<ul>
<li>
<img class="img-responsive" alt="Allure" srcset="https://www.esalon.com/images/esalon/press/logo_allure@2x._ts1581118409.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_allure._ts1581118409.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_allure._ts1581118409.png" class="img-responsive" alt="Allure" srcset="https://www.esalon.com/images/esalon/press/logo_allure@2x._ts1581118409.png 2x"/></noscript> </li>
<li>
<img class="img-responsive" alt="Forbes" srcset="https://www.esalon.com/images/esalon/press/logo_forbes@2x._ts1581118409.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_forbes._ts1581118409.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_forbes._ts1581118409.png" class="img-responsive" alt="Forbes" srcset="https://www.esalon.com/images/esalon/press/logo_forbes@2x._ts1581118409.png 2x"/></noscript> </li>
<li>
<img class="img-responsive" alt="Harper's Bazaar" srcset="https://www.esalon.com/images/esalon/press/logo_bazaar_harpers@2x._ts1581118409.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_bazaar_harpers._ts1581118409.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_bazaar_harpers._ts1581118409.png" class="img-responsive" alt="Harper's Bazaar" srcset="https://www.esalon.com/images/esalon/press/logo_bazaar_harpers@2x._ts1581118409.png 2x"/></noscript> </li>
<li>
<img class="img-responsive" alt="O, The Oprah Magazine" srcset="https://www.esalon.com/images/esalon/press/logo_oprah@2x._ts1581118409.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_oprah._ts1581118409.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_oprah._ts1581118409.png" class="img-responsive" alt="O, The Oprah Magazine" srcset="https://www.esalon.com/images/esalon/press/logo_oprah@2x._ts1581118409.png 2x"/></noscript> </li>
<li>
<img class="img-responsive" alt="InStyle" srcset="https://www.esalon.com/images/esalon/press/logo_instyle@2x._ts1581118409.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_instyle._ts1581118409.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_instyle._ts1581118409.png" class="img-responsive" alt="InStyle" srcset="https://www.esalon.com/images/esalon/press/logo_instyle@2x._ts1581118409.png 2x"/></noscript> </li>
<li>
<img class="img-responsive" alt="Refinery29" srcset="https://www.esalon.com/images/esalon/press/logo_refinery29@2x._ts1581118409.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_refinery29._ts1581118409.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_refinery29._ts1581118409.png" class="img-responsive" alt="Refinery29" srcset="https://www.esalon.com/images/esalon/press/logo_refinery29@2x._ts1581118409.png 2x"/></noscript> </li>
<li>
<img class="img-responsive" alt="Inc." srcset="https://www.esalon.com/images/esalon/press/logo_inc@2x._ts1581118409.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/press/logo_inc._ts1581118409.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/press/logo_inc._ts1581118409.jpg" class="img-responsive" alt="Inc." srcset="https://www.esalon.com/images/esalon/press/logo_inc@2x._ts1581118409.jpg 2x"/></noscript> </li>
</ul>

<div class="nbcf">
<a href="/custom-hair-color">
<div class="nbcf-content container">
<div class="nbcf-image">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/nbcf/nbcf-box@2x._ts1696538711.png 2x,https://www.esalon.com/images/esalon/home/nbcf/nbcf-box@3x._ts1696538711.png 3x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/nbcf/nbcf-box._ts1696538711.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/nbcf/nbcf-box._ts1696538711.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/nbcf/nbcf-box@2x._ts1696538711.png 2x,https://www.esalon.com/images/esalon/home/nbcf/nbcf-box@3x._ts1696538711.png 3x" alt=""/></noscript> </div>
<div class="nbcf-text">
<div class="nbcf-logo">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/nbcf/nbcf-x-esalon-logo@2x._ts1696538711.png 2x,https://www.esalon.com/images/esalon/home/nbcf/nbcf-x-esalon-logo@3x._ts1696538711.png 3x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/nbcf/nbcf-x-esalon-logo._ts1696538711.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/nbcf/nbcf-x-esalon-logo._ts1696538711.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/nbcf/nbcf-x-esalon-logo@2x._ts1696538711.png 2x,https://www.esalon.com/images/esalon/home/nbcf/nbcf-x-esalon-logo@3x._ts1696538711.png 3x" alt=""/></noscript> </div>
<h1 class="display-small">
Beauty that gives back.
</h1>
<span class="body-large">
$1 of every purchase goes towards supporting National Breast Cancer Foundation.* </span>
<br />
<span class="body-small">
*From October 1, 2024 to September 30, 2025, your purchase of any product will result in a $1 donation of up to $15,000 to Helping Women Now.® </span>
</div>
</div>
</a>
</div>
</section><section class="mid-page">
<swiper-container
id="mid-page-swiper"
pagination="true"
pagination-clickable="true"
space-between="30"
initial-slide="0"
autoplay-delay="5500"
autoplay-disable-on-interaction="true"
>
<swiper-slide class="mp-swiper slide-1">
<div class="text-container">
<h1 class="display-large">
Why is eSalon the Best Home Hair Color? </h1>
<p class="title-medium">
Our licensed colorists create a custom shade for you, based on your hair history and goals. </p>
</div>
<div class="flex-wrapper">
<div class="name-wrapper">
<div class="pink-arrow">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/pink_arrow@2x._ts1707152362.png 2x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/pink_arrow._ts1707152362.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/pink_arrow._ts1707152362.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/pink_arrow@2x._ts1707152362.png 2x" alt=""/></noscript> </div>
<h2 class="headline-large">Gina</h2>
<p class="headline-small">Licensed colorist,</p>
<p class="headline-small">eSalon</p>
</div>
<div class="img-container">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/colorist_gina@2x._ts1707152362.jpg 2x" width="200" height="280" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/colorist_gina._ts1707152362.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/colorist_gina._ts1707152362.jpg" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/colorist_gina@2x._ts1707152362.jpg 2x" width="200" height="280" alt=""/></noscript> </div>
</div>
</swiper-slide>
<swiper-slide class="mp-swiper slide-2">
<div class="text-container">
<h1 class="display-large">
Why is eSalon the Best Home Hair Color? </h1>
<p class="title-medium">
Our patented color-dispensing machine can produce infinite pigment variations, allowing you to make adjustments down to 1/4 of a shade. </p>
</div>
<div class="img-container">
<img class="img-responsive" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/bottle_animation._ts1707152362.gif" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/bottle_animation._ts1707152362.gif" class="img-responsive" alt=""/></noscript> </div>
</swiper-slide>
<swiper-slide class="mp-swiper slide-3">
<div class="text-container">
<h1 class="display-large">
Why is eSalon the Best Home Hair Color? </h1>
<p class="title-medium">
Our colorists will customize your instructions and formula to your needs, with
demi-permanent, 0% ammonia permanent, and permanent dye options. </p>
</div>
<div class="img-container">
<img id="instructionsImg" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/instructions_flat_lay@2x._ts1707152362.jpg 2x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/instructions_flat_lay._ts1707152362.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/instructions_flat_lay._ts1707152362.jpg" id="instructionsImg" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/instructions_flat_lay@2x._ts1707152362.jpg 2x" alt=""/></noscript> </div>
</swiper-slide>
<swiper-slide class="mp-swiper slide-4">
<div class="text-container">
<h1 class="display-large">
Why is eSalon the Best Home Hair Color? </h1>
<p class="title-medium">
Get salon-quality hair care essentials and stylers to complement your custom color. </p>
<button type="button" class="button-whitepink-black-esalon md cta-btn learn-btn-d" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/start_home'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Learn More </button>
</div>
<div class="image-stack">
<div class="img-container first-img">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/leavein_shinesilk@2x._ts1707152362.jpg 2x" width="180" height="272" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/leavein_shinesilk._ts1707152362.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/leavein_shinesilk._ts1707152362.jpg" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/leavein_shinesilk@2x._ts1707152362.jpg 2x" width="180" height="272" alt=""/></noscript> </div>
<div class="img-container second-img">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/pink_products@2x._ts1707152362.jpg 2x" width="180" height="272" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/pink_products._ts1707152362.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/pink_products._ts1707152362.jpg" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/pink_products@2x._ts1707152362.jpg 2x" width="180" height="272" alt=""/></noscript> </div>
<div class="img-container third-img">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/volume_products@2x._ts1711555236.jpg 2x" width="180" height="272" alt="" data-cfsrc="https://www.esalon.com/images/esalon/home/mp-swiper/volume_products._ts1711555236.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/mp-swiper/volume_products._ts1711555236.jpg" class="img-responsive" srcset="https://www.esalon.com/images/esalon/home/mp-swiper/volume_products@2x._ts1711555236.jpg 2x" width="180" height="272" alt=""/></noscript> </div>
<button type="button" class="button-whitepink-black-esalon cta-btn learn-btn-m" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/start_home'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Learn More </button>
</div>
</swiper-slide>
<div class="swiper-pagination mp-swiper"></div>
</swiper-container>
</section>

<script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function() {

const midPageSwiper = $('#mid-page-swiper')[0].swiper;
const instructionsImg = document.getElementById("instructionsImg");

if (midPageSwiper.activeIndex == 0) {
setInterval(function() {
$(".pink-arrow > img").toggleClass("hide");
}, 3000);
}

midPageSwiper.on('slideChange', function() {
if (midPageSwiper.activeIndex == 2) {
setInterval(function() {
rotateLeft();
setTimeout(rotateRight, 2000);
}, 4000);
} else {
rotateRight()
}
if (midPageSwiper.activeIndex == 3) {
setTimeout(dispSecondImage, 400);
setTimeout(dispThirdImage, 800);
} else {
$("div .second-img").css('opacity', '0');
$("div .third-img").css('opacity', '0');
}
})

function dispArrow() {
$("div .pink-arrow").toggleClass("hide");
}
function dispSecondImage() {
$("div .second-img").animate({
opacity: 1,
}, 200)
}
function dispThirdImage() {
$("div .third-img").animate({
opacity: 1,
}, 400);
}
function rotateLeft() {
instructionsImg.style.transform = "rotate(-5deg)";
}
function rotateRight() {
instructionsImg.style.transform = "rotate(5deg)";
}
})
</script>
<section class="home-color-needs-section">
<div class="container">
<h2 class="hidden-xs title-large">What kind of color do you need?</h2>
<h2 class="visible-xs title-medium">What kind of color do you need?</h2>
<div class="color-needs-cards-container d-flex">
<a class="color-needs-card-single d-flex" href="/color_profile9">
<img class="img-responsive" alt="Woman touching her rich brown hair" srcset="https://www.esalon.com/images/esalon/home/color-needs/color-needs-gray@2x._ts1713465397.jpg 2x,https://www.esalon.com/images/esalon/home/color-needs/color-needs-gray@3x._ts1713465397.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/color-needs/color-needs-gray._ts1713465397.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/color-needs/color-needs-gray._ts1713465397.jpg" class="img-responsive" alt="Woman touching her rich brown hair" srcset="https://www.esalon.com/images/esalon/home/color-needs/color-needs-gray@2x._ts1713465397.jpg 2x,https://www.esalon.com/images/esalon/home/color-needs/color-needs-gray@3x._ts1713465397.jpg 3x"/></noscript> <div class="card-caption-container">
<p class="headline-small">Gray Coverage</p>
</div>
</a>
<a class="color-needs-card-single d-flex" href="/color_profile9">
<img class="img-responsive" alt="Woman touching her rich brown curly hair" srcset="https://www.esalon.com/images/esalon/home/color-needs/color-needs-maintenance@2x._ts1707152362.jpg 2x,https://www.esalon.com/images/esalon/home/color-needs/color-needs-maintenance@3x._ts1707152362.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/color-needs/color-needs-maintenance._ts1707152362.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/color-needs/color-needs-maintenance._ts1707152362.jpg" class="img-responsive" alt="Woman touching her rich brown curly hair" srcset="https://www.esalon.com/images/esalon/home/color-needs/color-needs-maintenance@2x._ts1707152362.jpg 2x,https://www.esalon.com/images/esalon/home/color-needs/color-needs-maintenance@3x._ts1707152362.jpg 3x"/></noscript> <div class="card-caption-container">
<p class="headline-small">Color Maintenance</p>
</div>
</a>
<a class="color-needs-card-single d-flex" href="/hair-highlights-set">
<img class="img-responsive" alt="Woman touching her voluminous highlighted blonde hair" srcset="https://www.esalon.com/images/esalon/home/color-needs/color-needs-highlights@2x._ts1707152362.jpg 2x,https://www.esalon.com/images/esalon/home/color-needs/color-needs-highlights@3x._ts1707152362.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/color-needs/color-needs-highlights._ts1707152362.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/color-needs/color-needs-highlights._ts1707152362.jpg" class="img-responsive" alt="Woman touching her voluminous highlighted blonde hair" srcset="https://www.esalon.com/images/esalon/home/color-needs/color-needs-highlights@2x._ts1707152362.jpg 2x,https://www.esalon.com/images/esalon/home/color-needs/color-needs-highlights@3x._ts1707152362.jpg 3x"/></noscript> <div class="card-caption-container">
<p class="headline-small">Highlights</p>
</div>
</a>
</div>
<div class="cta-section">
<h3 class="hidden-xs title-medium">Color Happiness Guarantee</h3>
<h3 class="visible-xs title-small">Color Happiness Guarantee</h3>
<div class="cta-section-wrapper d-flex">
<div class="seal-wrapper">
<div class="icon guarantee-seal" role="img" aria-label="guarantee-seal"></div>
</div>
<span class="divider"></span>
<p class="hidden-xs body-large">Not 100% satisfied with your custom shade? Your personal colorist will work with you to get your color just right or it's on us.</p>
<p class="visible-xs body-medium">Not 100% satisfied with your custom shade? Your personal colorist will work with you to get your color just right or it's on us.</p>
</div>
<a href="/custom-hair-color"><button class="button-blue-esalon md cta-btn">TRY IT FOR $26.00</button></a>
<div>

</div>
</div>

</section><section class="home-signature-module">
<div class="container">
<div class="signature-content-container d-flex">
<div class="copy-content">
<h2 class="display-small">Your custom routine.</h2>
<p class="body-large">Take the quiz and choose up to three hair goals that match your preferences and hair needs. We'll do the rest.</p>
<a href="/care_profile"><button class="button-blue-esalon md cta-btn">TAKE THE QUIZ</button></a>
</div>
<img class="img-responsive signature-products-img" alt="Custom shampoo, conditioner, leave-in, and hair mask by eSalon." srcset="https://www.esalon.com/images/esalon/home/signature-module/signature-all-transparent@2x._ts1712679288.png 2x,https://www.esalon.com/images/esalon/home/signature-module/signature-all-transparent@3x._ts1712679288.png 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/signature-module/signature-all-transparent._ts1712679288.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/signature-module/signature-all-transparent._ts1712679288.png" class="img-responsive signature-products-img" alt="Custom shampoo, conditioner, leave-in, and hair mask by eSalon." srcset="https://www.esalon.com/images/esalon/home/signature-module/signature-all-transparent@2x._ts1712679288.png 2x,https://www.esalon.com/images/esalon/home/signature-module/signature-all-transparent@3x._ts1712679288.png 3x"/></noscript> </div>
</div>
</section>

<script type="application/ld+json">
[{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Custom Shampoo","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2218-gallery1-large@2x._ts1719257424.jpg","description":"Crafted to deliver precise results, our custom shampoo is designed to gently cleanse your hair while meeting your goals.","sku":"esalon-2218","brand":{"@type":"Brand","name":"eSalon"},"offers":[{"@type":"Offer","priceCurrency":"USD","price":"28.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/custom-hair-care","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}]},{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Custom Conditioner","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2365-gallery1-large@2x._ts1717435391.jpg","description":"Designed with you in mind, our custom conditioner features nourishing ingredients and just the right amount of moisture to fit your needs.","sku":"esalon-2365","brand":{"@type":"Brand","name":"eSalon"},"offers":[{"@type":"Offer","priceCurrency":"USD","price":"28.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/custom-hair-care","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}]},{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Custom Hair Mask","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2428-gallery1-large@2x._ts1717435391.jpg","description":"Formulated with ultra-nourishing ingredients, our custom hair mask is tailored to your needs to help restore and revitalize your strands.","sku":"esalon-2428","brand":{"@type":"Brand","name":"eSalon"},"offers":[{"@type":"Offer","priceCurrency":"USD","price":"30.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/custom-hair-care","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}]},{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Custom Leave-In Conditioner Spray","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2407-gallery1-large@2x._ts1717435391.jpg","description":"As the perfect finishing touch, our custom leave-in conditioner spray is designed to give your hair added hydration for a healthy-looking finish.","sku":"esalon-2407","brand":{"@type":"Brand","name":"eSalon"},"offers":[{"@type":"Offer","priceCurrency":"USD","price":"28.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/custom-hair-care","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}]}]</script>

<section class="home-shop-section">
<div class="container">
<h2>Shop by product type.</h2>
<div class="home-shop-cards-container d-flex">
<a class="home-shop-link desktop" href="/products/category/item-type/shampoo-and-conditioner">
<div class="home-shop-card-single">
<img class="img-responsive" alt="eSalon shampoo bottles lined up in a row." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos@3x._ts1697659692.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos._ts1697659692.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos._ts1697659692.jpg" class="img-responsive" alt="eSalon shampoo bottles lined up in a row." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos@3x._ts1697659692.jpg 3x"/></noscript> <p>Shampoo + Conditioner</p>
</div>
</a>
<a class="home-shop-link mobile" href="/products/category/item-type/shampoo-and-conditioner">
<div class="home-shop-card-single">
<img class="img-responsive" alt="eSalon shampoo bottles lined up in a row." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos_mobile@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos_mobile@3x._ts1697659692.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos_mobile._ts1697659692.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos_mobile._ts1697659692.jpg" class="img-responsive" alt="eSalon shampoo bottles lined up in a row." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos_mobile@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_shampoos_mobile@3x._ts1697659692.jpg 3x"/></noscript> <p>Shampoo + Conditioner</p>
</div>
</a>
<a class="home-shop-link" href="/products/category/item-type/treatment">
<div class="home-shop-card-single">
<img class="img-responsive" alt="An assortment of eSalon treatment products." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_treatments@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_treatments@3x._ts1697659692.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/shop-section/home_shop_treatments._ts1697659692.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/shop-section/home_shop_treatments._ts1697659692.jpg" class="img-responsive" alt="An assortment of eSalon treatment products." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_treatments@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_treatments@3x._ts1697659692.jpg 3x"/></noscript> <p>Treatments</p>
</div>
</a>
<a class="home-shop-link" href="/products/category/item-type/style">
<div class="home-shop-card-single">
<img class="img-responsive" alt="Two eSalon styling products side-by-side." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_styling@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_styling@3x._ts1697659692.jpg 3x" data-cfsrc="https://www.esalon.com/images/esalon/home/shop-section/home_shop_styling._ts1697659692.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/shop-section/home_shop_styling._ts1697659692.jpg" class="img-responsive" alt="Two eSalon styling products side-by-side." srcset="https://www.esalon.com/images/esalon/home/shop-section/home_shop_styling@2x._ts1697659692.jpg 2x,https://www.esalon.com/images/esalon/home/shop-section/home_shop_styling@3x._ts1697659692.jpg 3x"/></noscript> <p>Styling Products</p>
</div>
</a>
</div>

<button type="button" class="button-blue-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/products'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Shop all products </button>
</div>
</section><section class="home-ways-to-save">
<div class="container">
<h2 class="hidden-xs display-medium">Ways to save.</h2>
<h2 class="visible-xs display-small">Ways to save.</h2>
<div class="home-wts-cards-container d-flex">
<div
class="home-wts-card-single wts-your-color"
role="region"
aria-labelledby="card-title-wts-your-color card-title-mobile-wts-your-color"
aria-describedby="card-copy-wts-your-color card-copy-mobile-wts-your-color"
tabindex="0">
<div class="wts-icon-container">
<div class="icon new-home-icon your-color" aria-hidden="true"></div>
</div>
<h3 id="card-title-wts-your-color" class="hidden-xs title-medium">Your color, on your schedule.</h3>
<h3 id="card-title-mobile-wts-your-color" class="visible-xs title-small">Your color, on your schedule.</h3>
<p class="hidden-xs body-large">When you sign up for our Color Plan, you'll get your hair color exactly when you need it and save 20% on every order.</p>
<p class="visible-xs body-medium">When you sign up for our Color Plan, you'll get your hair color exactly when you need it and save 20% on every order.</p>
<a class="link-medium-light text-uppercase"
href="/color_profile9/1?goals=c&finished=false"aria-label="GET STARTED - Your color, on your schedule.">
GET STARTED </a>
</div>
<div
class="home-wts-card-single wts-free-shipping"
role="region"
aria-labelledby="card-title-wts-free-shipping card-title-mobile-wts-free-shipping"
aria-describedby="card-copy-wts-free-shipping card-copy-mobile-wts-free-shipping"
tabindex="0">
<div class="wts-icon-container">
<div class="icon new-home-icon free-shipping" aria-hidden="true"></div>
</div>
<h3 id="card-title-wts-free-shipping" class="hidden-xs title-medium">Get free shipping.</h3>
<h3 id="card-title-mobile-wts-free-shipping" class="visible-xs title-small">Get free shipping.</h3>
<p class="hidden-xs body-large">Free shipping will be automatically applied to any order subtotaling $42 or more.</p>
<p class="visible-xs body-medium">Free shipping will be automatically applied to any order subtotaling $42 or more.</p>
<div class="wts-accordion">
<p class="hidden-xs body-large">Products can be added to your upcoming order up until midnight before the order is set to ship. Your upcoming order displays whether you have qualified for free shipping, or the amount that is required to reach the free shipping threshold.</p>
<p class="hidden-xs body-large contact-us">Have questions? Give us a call at (866) 550-2424 Mon-Fri, 8am-5pm PT.</p>
<p class="visible-xs body-medium">Products can be added to your upcoming order up until midnight before the order is set to ship. Your upcoming order displays whether you have qualified for free shipping, or the amount that is required to reach the free shipping threshold.</p>
<p class="visible-xs body-medium contact-us">Have questions? Give us a call at (866) 550-2424 Mon-Fri, 8am-5pm PT.</p>
</div>
<a class="link-medium-light text-uppercase"
href="javascript:void(0);"aria-label="LEARN MORE - Get free shipping.">
LEARN MORE </a>
</div>
<div
class="home-wts-card-single wts-stay-informed"
role="region"
aria-labelledby="card-title-wts-stay-informed card-title-mobile-wts-stay-informed"
aria-describedby="card-copy-wts-stay-informed card-copy-mobile-wts-stay-informed"
tabindex="0">
<div class="wts-icon-container">
<div class="icon new-home-icon stay-informed" aria-hidden="true"></div>
</div>
<h3 id="card-title-wts-stay-informed" class="hidden-xs title-medium">Stay in the know.</h3>
<h3 id="card-title-mobile-wts-stay-informed" class="visible-xs title-small">Stay in the know.</h3>
<p class="hidden-xs body-large">Subscribe to our emails to get exclusive access to flash sales and learn about new products before anyone else.</p>
<p class="visible-xs body-medium">Subscribe to our emails to get exclusive access to flash sales and learn about new products before anyone else.</p>
<a class="link-medium-light text-uppercase"
href="javascript:void(0);"aria-label="SUBSCRIBE - Stay in the know.">
SUBSCRIBE </a>
</div>
</div>
</div>
</section>

<script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function() {
// Free Shopping accordion functionality
$(".wts-accordion").hide();
$(".wts-free-shipping > a").attr('id', 'wts_accordion_toggle')

$("#wts_accordion_toggle").on("click", function(e) {
if ($("#wts_accordion_toggle").hasClass('close-accordion')) {
$(".wts-accordion").hide();
$(".wts-free-shipping > a").text('LEARN MORE');
$(".wts-free-shipping > a").removeClass('close-accordion');
} else {
$(".wts-accordion").show();
$(".wts-free-shipping > a").addClass('close-accordion');
$(".wts-free-shipping > a").text('Close');
}
})

// Stay Informed modal functionality
$(".wts-stay-informed > a").attr('id', 'wts_modal_toggle')

$("#wts_modal_toggle").on("click", function(e) {
$("#exclusiveUpdatesModal").modal('show');
})

// Keyboard navigation for cards
$(".home-wts-card-single").on("keydown", function(e) {
// Enter or Space key activates the card's link
if (e.which === 13 || e.which === 32) {
e.preventDefault();
$(this).find('a').first().click();
}
});
})
</script><section class="home-revive-module">
<div class="container">
<div class="revive-content-container d-flex">
<div class="copy-content">
<div class="tag-container">
<p class="label-small">New!</p>
</div>
<h2 class="display-small">Hair growth made personal.</h2>
<p class="body-large">eSalon's custom hair growth products help you achieve your healthy hair goals with a holistic, unique-to-you approach.</p>
<a href="/growth"><button class="button-blue-esalon md cta-btn">START GROWING</button></a>
</div>
<img class="img-responsive revive-products-img" alt="Custom shampoo, conditioner, leave-in, and hair mask by eSalon." srcset="https://www.esalon.com/images/esalon/pdp/revive-homepage@2x._ts1741813058.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/pdp/revive-homepage._ts1741813058.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/pdp/revive-homepage._ts1741813058.jpg" class="img-responsive revive-products-img" alt="Custom shampoo, conditioner, leave-in, and hair mask by eSalon." srcset="https://www.esalon.com/images/esalon/pdp/revive-homepage@2x._ts1741813058.jpg 2x"/></noscript> </div>
</div>
</section>

<script type="application/ld+json">
[{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Hair Regrowth Treatment","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2839-gallery1-large@2x._ts1741206010.jpg","description":"A clinically proven Minoxidil treatment designed to help women experiencing hair thinning or hair loss. This expertly crafted hair treatment supports thicker, fuller-looking hair in just a few months.","sku":"810070792282","brand":{"@type":"Brand","name":"eSalon"},"offers":{"@type":"Offer","priceCurrency":"USD","price":"40.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/products\/v\/2839\/hair-regrowth-treatment","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}},{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Biotin Hair Gummies","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2790-gallery1-large@2x._ts1741206010.jpg","description":"A vegan gummy designed to encourage healthy-looking hair. These delicious, vegan gummies contain Biotin to set the stage for healthy skin and hair while Vitamins E & C help maintain a healthy hair follicle.","sku":"810070792411","brand":{"@type":"Brand","name":"eSalon"},"offers":{"@type":"Offer","priceCurrency":"USD","price":"46.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/products\/v\/2790\/biotin-hair-gummies","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}},{"@context":"http:\/\/schema.org\/","@type":"Product","name":"Densifying Scalp Serum","image":"https:\/\/www.esalon.com\/images\/products\/v4\/2769-gallery1-large@2x._ts1741206009.jpg","description":"A density-boosting scalp serum designed to help women experiencing hair thinning or hair loss. This expertly crafted scalp serum supports thicker, fuller-looking hair with powerhouse ingredients like Procapil\u2122 and Redensyl\u2122.","sku":"810070792367","brand":{"@type":"Brand","name":"eSalon"},"offers":{"@type":"Offer","priceCurrency":"USD","price":"60.00","priceValidUntil":"2025-10-09","url":"https:\/\/www.esalon.com\/products\/v\/2769\/densifying-scalp-serum","itemCondition":"http:\/\/schema.org\/NewCondition","availability":"http:\/\/schema.org\/InStock"}}]</script>

<section class="client-reviews-results">
<div class="container">
<div class="client-reviews">
<div class="swiper-container">
<div class="swiper-button-container">
<h2 class="display-small">
Client reviews. </h2>
<button id="crs-prev">
<img src="https://www.esalon.com/images/esalon/icons/arrow-left._ts1707422040.svg" alt=""/> </button>
<button id="crs-next">
<img src="https://www.esalon.com/images/esalon/icons/arrow-right._ts1707422040.svg" alt=""/> </button>
</div>
<swiper-container
id="client-review-swiper"
init="false"
a11y="true">
<swiper-slide class="slide-1">
<div class="card">
<h3 class="title-small">Salon Quality Color</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
I’m beyond happy with how my color turned out. It’s EXACTLY what I told my colorist I wanted. Goodbye traditional salons and their... </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="Salon Quality Color"
data-name="Shannon O."
data-card-copy="I’m beyond happy with how my color turned out. It’s EXACTLY what I told my colorist I wanted. Goodbye traditional salons and their..."
data-modal-copy="I’m beyond happy with how my color turned out. It’s EXACTLY what I told my colorist I wanted. Goodbye traditional salons and their prices. I’m now an eSalon customer for life!"
>
Keep Reading </a>
<p class="label-small-blue">Shannon O.</p>
</div>
</swiper-slide>
<swiper-slide class="slide-2">
<div class="card">
<h3 class="title-small">Perfect match to my natural color!</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
This color is a perfect match to my natural color. Covered all my greys and old highlights. This product is fantastic!! </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="Perfect match to my natural color!"
data-name="Marcy H."
data-card-copy="This color is a perfect match to my natural color. Covered all my greys and old highlights. This product is fantastic!!"
data-modal-copy="This color is a perfect match to my natural color. Covered all my greys and old highlights. This product is fantastic!!"
>
Keep Reading </a>
<p class="label-small-blue">Marcy H.</p>
</div>
</swiper-slide>
<swiper-slide class="slide-3">
<div class="card">
<h3 class="title-small">Amazed!</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
The results shocked and amazed me! No more spending $200-$300 at the hairdresser when eSalon does it better. </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="Amazed!"
data-name="Cherie B."
data-card-copy="The results shocked and amazed me! No more spending $200-$300 at the hairdresser when eSalon does it better."
data-modal-copy="As a first time customer, I was a little nervous about coloring my hair at home. The results shocked and amazed me! No more spending $200-$300 at the hairdresser when eSalon does it better."
>
Keep Reading </a>
<p class="label-small-blue">Cherie B.</p>
</div>
</swiper-slide>
<swiper-slide class="slide-4">
<div class="card">
<h3 class="title-small">Consistent, easy, and quick!</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
The coloring process was simple with the custom instructions and everything I needed in one package. The color came out so consistent and radiant! </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="Consistent, easy, and quick!"
data-name="Hope"
data-card-copy="The coloring process was simple with the custom instructions and everything I needed in one package. The color came out so consistent and radiant!"
data-modal-copy="I ordered the color late one night and it was at my door in 3 days. The coloring process was simple with the custom instructions and everything I needed in one package. The color came out so consistent and radiant!"
>
Keep Reading </a>
<p class="label-small-blue">Hope</p>
</div>
</swiper-slide>
<swiper-slide class="slide-5">
<div class="card">
<h3 class="title-small">My colorist nailed it!</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
Always just what I ask for. Keep me updated and regularly send me my products. Thanks again!!! </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="My colorist nailed it!"
data-name="Patti H."
data-card-copy="Always just what I ask for. Keep me updated and regularly send me my products. Thanks again!!!"
data-modal-copy="Always just what I ask for. Keep me updated and regularly send me my products. Thanks again!!!"
>
Keep Reading </a>
<p class="label-small-blue">Patti H.</p>
</div>
</swiper-slide>
<swiper-slide class="slide-6">
<div class="card">
<h3 class="title-small">Great Color & Shine.</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
I’ve used other brands of hair color but by far, eSalon’s is the best. It has excellent coverage with a conditioned and silky finish. </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="Great Color & Shine."
data-name="Melissa B."
data-card-copy="I’ve used other brands of hair color but by far, eSalon’s is the best. It has excellent coverage with a conditioned and silky finish."
data-modal-copy="I’ve used other brands of hair color but by far, eSalon’s is the best. It has excellent coverage with a conditioned and silky finish. They have the best customer service too."
>
Keep Reading </a>
<p class="label-small-blue">Melissa B.</p>
</div>
</swiper-slide>
<swiper-slide class="slide-7">
<div class="card">
<h3 class="title-small">100% satisfied, they nailed it!</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
The color matched me perfectly! It gave me color and vibrancy and complimented my skin tone. I went from drab to fab... </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="100% satisfied, they nailed it!"
data-name="Kimberly A."
data-card-copy="The color matched me perfectly! It gave me color and vibrancy and complimented my skin tone. I went from drab to fab..."
data-modal-copy="The color matched me perfectly! It gave me color and vibrancy and complimented my skin tone. I went from drab to fab! I loved the formula, no smell, no dripping, no hot roots."
>
Keep Reading </a>
<p class="label-small-blue">Kimberly A.</p>
</div>
</swiper-slide>
<swiper-slide class="slide-8">
<div class="card">
<h3 class="title-small">Salon Quality</h3>
<div class="pd-review-stars">
<span class="stars">
<span></span>
</span>
</div>
<p class="review-content body-medium truncated">
I have gone to a salon 20+ years. My grays were coming in earlier so I had to go often which was costing me a ton. I decided to give eSalon a try... </p>
<a
class="review-expand link-small-light"
href="#review-modal"
data-toggle="modal"
data-title="Salon Quality"
data-name="Ilene T."
data-card-copy="I have gone to a salon 20+ years. My grays were coming in earlier so I had to go often which was costing me a ton. I decided to give eSalon a try..."
data-modal-copy="I have gone to a salon 20+ years. My grays were coming in earlier and earlier so I had to go often which was costing me a ton. I decided to give eSalon a try and it was worth it!! I'm super satisfied very easy, to do at home"
>
Keep Reading </a>
<p class="label-small-blue">Ilene T.</p>
</div>
</swiper-slide>
</swiper-container>
</div>
</div>

<div class="client-results">
<div class="swiper-container">
<div class="swiper-button-container">
<h2 class="display-small">Client results.</h2>
<button id="crss-prev">
<img src="https://www.esalon.com/images/esalon/icons/arrow-left._ts1707422040.svg" alt=""/> </button>
<button id="crss-next">
<img src="https://www.esalon.com/images/esalon/icons/arrow-right._ts1707422040.svg" alt=""/> </button>
</div>
<swiper-container
id="client-results-swiper"
init="false"
a11y="true">
<swiper-slide class="slide-1">
<div class="card">
<div class="img-row">
<div class="img-container">
<img alt="Before Photo: rear view of woman with short curly black hair with grown out roots before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_before@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_before._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_before._ts1708448646.jpg" alt="Before Photo: rear view of woman with short curly black hair with grown out roots before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_before@2x._ts1708448646.jpg 2x"/></noscript> </div>
<div class="img-container">
<img alt="After photo: rear view of woman with short black hair with even color throughout." srcset="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_after@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_after._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_after._ts1708448646.jpg" alt="After photo: rear view of woman with short black hair with even color throughout." srcset="https://www.esalon.com/images/esalon/home/results-swiper/vanessa_after@2x._ts1708448646.jpg 2x"/></noscript> </div>
</div>
<div class="text-row">
<h3 class="title-small">
Before </h3>
<h3 class="title-small">
After </h3>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-2">
<div class="card">
<div class="img-row">
<div class="img-container">
<img alt="Before Photo: rear view of woman with long damaged red hair before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/penny_before@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/penny_before._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/penny_before._ts1708448646.jpg" alt="Before Photo: rear view of woman with long damaged red hair before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/penny_before@2x._ts1708448646.jpg 2x"/></noscript> </div>
<div class="img-container">
<img alt="After photo: rear view of woman with long healthy red hair after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/penny_after@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/penny_after._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/penny_after._ts1708448646.jpg" alt="After photo: rear view of woman with long healthy red hair after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/penny_after@2x._ts1708448646.jpg 2x"/></noscript> </div>
</div>
<div class="text-row">
<h3 class="title-small">
Before </h3>
<h3 class="title-small">
After </h3>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-3">
<div class="card">
<div class="img-row">
<div class="img-container">
<img alt="Before Photo: rear view of woman with short black hair with a lot of gray before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/liz_before@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/liz_before._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/liz_before._ts1708448646.jpg" alt="Before Photo: rear view of woman with short black hair with a lot of gray before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/liz_before@2x._ts1708448646.jpg 2x"/></noscript> </div>
<div class="img-container">
<img alt="After photo: rear view of woman with short brunette hair with no gray after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/liz_after@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/liz_after._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/liz_after._ts1708448646.jpg" alt="After photo: rear view of woman with short brunette hair with no gray after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/liz_after@2x._ts1708448646.jpg 2x"/></noscript> </div>
</div>
<div class="text-row">
<h3 class="title-small">
Before </h3>
<h3 class="title-small">
After </h3>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-4">
<div class="card">
<div class="img-row">
<div class="img-container">
<img alt="Before Photo: rear view of woman with medium length uneven light brown hair with grown out roots before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blanca_before@2x._ts1713465397.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/blanca_before._ts1713465397.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/blanca_before._ts1713465397.jpg" alt="Before Photo: rear view of woman with medium length uneven light brown hair with grown out roots before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blanca_before@2x._ts1713465397.jpg 2x"/></noscript> </div>
<div class="img-container">
<img alt="After photo: rear view of woman with medium length even brunette hair after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blanca_after@2x._ts1713465397.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/blanca_after._ts1713465397.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/blanca_after._ts1713465397.jpg" alt="After photo: rear view of woman with medium length even brunette hair after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blanca_after@2x._ts1713465397.jpg 2x"/></noscript> </div>
</div>
<div class="text-row">
<h3 class="title-small">
Before </h3>
<h3 class="title-small">
After </h3>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-5">
<div class="card">
<div class="img-row">
<div class="img-container">
<img alt="Before Photo: rear view of woman with short black hair with a lot of gray before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/raven_before@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/raven_before._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/raven_before._ts1708448646.jpg" alt="Before Photo: rear view of woman with short black hair with a lot of gray before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/raven_before@2x._ts1708448646.jpg 2x"/></noscript> </div>
<div class="img-container">
<img alt="After photo: rear view of woman with short black hair with no gray after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/raven_after@2x._ts1708448646.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/raven_after._ts1708448646.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/raven_after._ts1708448646.jpg" alt="After photo: rear view of woman with short black hair with no gray after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/raven_after@2x._ts1708448646.jpg 2x"/></noscript> </div>
</div>
<div class="text-row">
<h3 class="title-small">
Before </h3>
<h3 class="title-small">
After </h3>
</div>
</div>
</swiper-slide>
<swiper-slide class="slide-6">
<div class="card">
<div class="img-row">
<div class="img-container">
<img alt="Before photo: rear view of woman with medium length blonde hair with streaks of black before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blonde_before@2x._ts1710865152.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/blonde_before._ts1710865152.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/blonde_before._ts1710865152.jpg" alt="Before photo: rear view of woman with medium length blonde hair with streaks of black before color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blonde_before@2x._ts1710865152.jpg 2x"/></noscript> </div>
<div class="img-container">
<img alt="After Photo: rear view of woman with medium length even blonde hair after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blonde_after@2x._ts1710865152.jpg 2x" data-cfsrc="https://www.esalon.com/images/esalon/home/results-swiper/blonde_after._ts1710865152.jpg" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/home/results-swiper/blonde_after._ts1710865152.jpg" alt="After Photo: rear view of woman with medium length even blonde hair after color." srcset="https://www.esalon.com/images/esalon/home/results-swiper/blonde_after@2x._ts1710865152.jpg 2x"/></noscript> </div>
</div>
<div class="text-row">
<h3 class="title-small">
Before </h3>
<h3 class="title-small">
After </h3>
</div>
</div>
</swiper-slide>
</swiper-container>
<div class="button-container">
<button type="button" class="button-blue-esalon md cta-btn" onclick="if (!window.__cfRLUnblockHandlers) return false; window.location='/start_home'" data-cf-modified-b5a01c20e44272740c7a287f-="">
Get my custom color </button>
</div>
</div>
</div>
</div>
<div id="review-modal" class="modal fade" role="dialog">
<div class="modal-dialog">
<a href="javascript:void(0)" class="close icon-close blue" data-dismiss="modal" tabindex="1">Close</a>
<div class="modal-content">
<div class="modal-body">
<h2 class="review-title title-small"></h2>
<p class="review-content body-medium"></p>
<hr />
<h3 class="title-small">Posted By</h3>
<p class="review-name label-small-blue"></p>
</div>
</div>
</div>
</div>
</section>

<script type="b5a01c20e44272740c7a287f-application/javascript">
$(document).ready(function() {

$('.review-expand').on('click', function(e) {
e.preventDefault();
let reviewTitle = this.dataset.title;
let reviewContent = this.dataset.cardCopy;
let reviewContentExpanded = this.dataset.modalCopy;
let reviewName = this.dataset.name;

$('#review-modal').show();
setTimeout(function() {
$('.modal-backdrop').css('background', 'rgba(0, 0, 0, 0.66)');
}, 10);

$('.icon-close').on('click', function() {
$('#review-modal').hide();
})

$('#review-modal .review-content').text(reviewContentExpanded);
$('#review-modal .review-title').text(reviewTitle);
$('#review-modal .review-name').text(reviewName);
});

// * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
// * * * Initialize Responsive Breakpoints for Swipers * * *
// * * * * * * * * * * * * * * * * * * * * * * * * * * * * *

// = = = = = = Client Review Swiper = = = = =
const swiperElRv = document.querySelector('#client-review-swiper')
Object.assign(swiperElRv, {
a11y: {
id: 'client-review-swiper',
},
breakpoints: {
991: {
slidesPerView: 3.2,
spaceBetween: 30,
},
},
navigation: {
prevEl: "#crs-prev",
nextEl: "#crs-next",
},
slidesPerView: "auto",
spaceBetween: 20,
});
swiperElRv.initialize();

// = = = = = = Client Results Swiper = = = = =
const swiperElRs = document.querySelector('#client-results-swiper')
Object.assign(swiperElRs, {
a11y: {
id: 'client-results-swiper',
},
breakpoints: {
991: {
slidesPerView: 3.3,
spaceBetween: 30,
},
},
navigation: {
prevEl: "#crss-prev",
nextEl: "#crss-next",
},
slidesPerView: "auto",
spaceBetween: 20,
});
swiperElRs.initialize();

});
</script><section class="latest-articles-videos">
<div class="container">
<div class="d-container">
<div class="title-container">
<h1 class="display-medium">
Latest Articles & Videos. </h1>
</div>
<div class="flex-container">
<div class="card">
<a href="/hair-color-mastery/colorist-tips/why-hair-gets-oily" alt="Discover the root causes of oily hair and simple ways to prevent it." title="Why Is My Hair So Oily? And How to Fix It.">
<div class="img-container">
<img class="img-responsive" srcset="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="Why Is My Hair So Oily? And How to Fix It." data-cfsrc="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" style="display:none;visibility:hidden;" /><noscript><img class="img-responsive" src="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" srcset="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="Why Is My Hair So Oily? And How to Fix It."/></noscript>
</div>
</a>
<a href="/hair-color-mastery/colorist-tips/why-hair-gets-oily" alt="Discover the root causes of oily hair and simple ways to prevent it." title="Why Is My Hair So Oily? And How to Fix It.">
<div class="text-container">
<h2 class="title-small">
Why Is My Hair So Oily? And How to Fix It. </h2>
<p class="body-large">
Discover the root causes of oily hair and simple ways to prevent it. </p>
<span class="link-large-light">
Keep Reading </span>
</div>
</a>
</div>
<div class="card">
<a href="/hair-color-mastery/colorist-tips/the-best-hair-care-products-for-fine-hair" alt="Fierce, fabulous, and oh-so-fine." title="The Ultimate Product Guide for Fine Hair">
<div class="img-container">
<img class="img-responsive" srcset="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The Ultimate Product Guide for Fine Hair" data-cfsrc="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" style="display:none;visibility:hidden;" /><noscript><img class="img-responsive" src="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" srcset="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The Ultimate Product Guide for Fine Hair"/></noscript>
</div>
</a>
<a href="/hair-color-mastery/colorist-tips/the-best-hair-care-products-for-fine-hair" alt="Fierce, fabulous, and oh-so-fine." title="The Ultimate Product Guide for Fine Hair">
<div class="text-container">
<h2 class="title-small">
The Ultimate Product Guide for Fine Hair </h2>
<p class="body-large">
Fierce, fabulous, and oh-so-fine. </p>
<span class="link-large-light">
Keep Reading </span>
</div>
</a>
</div>
<div class="card">
<a href="/hair-color-mastery/colorist-tips/top-5-minoxidil-mistakes" alt="Get the most out of our 2% Minoxidil Hair Regrowth Treatment by curbing these common missteps." title="The 5 Most Common Minoxidil Mistakes & How to Avoid Them">
<div class="img-container">
<img class="img-responsive" srcset="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The 5 Most Common Minoxidil Mistakes & How to Avoid Them" data-cfsrc="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" style="display:none;visibility:hidden;" /><noscript><img class="img-responsive" src="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" srcset="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The 5 Most Common Minoxidil Mistakes & How to Avoid Them"/></noscript>
</div>
</a>
<a href="/hair-color-mastery/colorist-tips/top-5-minoxidil-mistakes" alt="Get the most out of our 2% Minoxidil Hair Regrowth Treatment by curbing these common missteps." title="The 5 Most Common Minoxidil Mistakes & How to Avoid Them">
<div class="text-container">
<h2 class="title-small">
The 5 Most Common Minoxidil Mistakes & How to Avoid Them </h2>
<p class="body-large">
Get the most out of our 2% Minoxidil Hair Regrowth Treatment by curbing these common missteps. </p>
<span class="link-large-light">
Keep Reading </span>
</div>
</a>
</div>
</div>
</div>

<div class="m-container">
<div class="title-container">
<h1 class="display-small">
Latest Articles & Videos. </h1>
</div>
<div class="swiper-button-container">
<button id="ts-prev" class="swiper-prev"></button>
<button id="ts-next" class="swiper-next"></button>
</div>
<swiper-container
id="colorists-swiper"
space-between="30"
navigation-next-el=".swiper-button-container .swiper-next"
navigation-prev-el=".swiper-button-container .swiper-prev"
navigation-disabled-class="inactive"
init="false"
a11y="true">
<swiper-slide class="mp-swiper slide-1">
<a href="/hair-color-mastery/colorist-tips/why-hair-gets-oily" alt="Discover the root causes of oily hair and simple ways to prevent it." title="Why Is My Hair So Oily? And How to Fix It.">
<div class="img-container">
<img class="img-responsive" srcset="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="Why Is My Hair So Oily? And How to Fix It." data-cfsrc="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" style="display:none;visibility:hidden;" /><noscript><img class="img-responsive" src="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" srcset="https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aL8oTmGNHVfTOzDf_Primary_RectImage_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="Why Is My Hair So Oily? And How to Fix It."/></noscript>
</div>
<div class="text-container">
<h2 class="title-small">
Why Is My Hair So Oily? And How to Fix It. </h2>
<p class="body-medium-blue">
Discover the root causes of oily hair and simple ways to prevent it. </p>
<span class="link-small-light">
Keep Reading </span>
</div>
</a>
</swiper-slide>
<swiper-slide class="mp-swiper slide-1">
<a href="/hair-color-mastery/colorist-tips/the-best-hair-care-products-for-fine-hair" alt="Fierce, fabulous, and oh-so-fine." title="The Ultimate Product Guide for Fine Hair">
<div class="img-container">
<img class="img-responsive" srcset="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The Ultimate Product Guide for Fine Hair" data-cfsrc="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" style="display:none;visibility:hidden;" /><noscript><img class="img-responsive" src="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" srcset="https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLmo62GNHVfTOqWC_5.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The Ultimate Product Guide for Fine Hair"/></noscript>
</div>
<div class="text-container">
<h2 class="title-small">
The Ultimate Product Guide for Fine Hair </h2>
<p class="body-medium-blue">
Fierce, fabulous, and oh-so-fine. </p>
<span class="link-small-light">
Keep Reading </span>
</div>
</a>
</swiper-slide>
<swiper-slide class="mp-swiper slide-1">
<a href="/hair-color-mastery/colorist-tips/top-5-minoxidil-mistakes" alt="Get the most out of our 2% Minoxidil Hair Regrowth Treatment by curbing these common missteps." title="The 5 Most Common Minoxidil Mistakes & How to Avoid Them">
<div class="img-container">
<img class="img-responsive" srcset="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The 5 Most Common Minoxidil Mistakes & How to Avoid Them" data-cfsrc="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" style="display:none;visibility:hidden;" /><noscript><img class="img-responsive" src="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512" srcset="https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=767&h=512, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=1534&h=1024 2x, https://images.prismic.io/esalon/aLCoymGNHVfTOa0q_MinoxidilMyth%26Mistakes_Rect_Image_v1.jpg?auto=format,compress&rect=0,0,2301,1536&w=2301&h=1536 3x" alt="The 5 Most Common Minoxidil Mistakes & How to Avoid Them"/></noscript>
</div>
<div class="text-container">
<h2 class="title-small">
The 5 Most Common Minoxidil Mistakes & How to Avoid Them </h2>
<p class="body-medium-blue">
Get the most out of our 2% Minoxidil Hair Regrowth Treatment by curbing these common missteps. </p>
<span class="link-small-light">
Keep Reading </span>
</div>
</a>
</swiper-slide>
</swiper-container>
</div>
</div>
</section>

<script type="b5a01c20e44272740c7a287f-application/javascript">
$(document).ready(function() {
const coloristsSwiper = document.querySelector('#colorists-swiper')
Object.assign(coloristsSwiper, {
a11y: {
id: 'colorists-swiper',
},
});
coloristsSwiper.initialize();
});
</script></div><footer>
<div class="container footer-container">
<div class="wrapper" id="guarantee-seal-wrapper">

<div class="email-row hidden-xs hidden-sm">
<form action="/" id="" class="user_email_signup_form" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="513b5004b2da5c2e7576451f8a6812636af5f1fd5b7bc26e066f6f5edeadfbd4507a374ca50301e2d5dddae4f694ff1647eb754c262d87630c6061efea889714" id="Token779179106" autocomplete="off"/></div> <div class="email-form">
<p class="subtitle">Stay in touch</p>
<div class="form-fields round" role="presentation">
<div class="ps-wrapper email-signup">
<div class="form-group floating-label-form-group">
<label for="email_address">
Email Address </label>
<input name="data[User][email_address]" placeholder="Email Address" class="form-control f-c-e-input email-signup-address" oninvalid="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity('"There is a problem with your email address"')" oninput="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity("")" type="email" data-cf-modified-b5a01c20e44272740c7a287f-="" /> <div class="attached-submit-bg"></div>
</div>
<div class="attached-submit email-signup-button">
<button type="submit">OK</button> </div>
</div>
</div>
<input type="hidden" name="data[User][source]" value="email_capture_footer" id=""/><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="a47c894fd215de5cf1bb4e668d2d0668813537b3%3AUser.source" id="TokenFields337098907" autocomplete="off"/><input type="hidden" name="data[_Token][unlocked]" value="Support.browser%7Ccategory" id="TokenUnlocked580856713" autocomplete="off"/></div></form> </div>
<div class="prompt">
<span class="email_signup_prompt">Get insider tips to make the most out of your purchases. Unsubscribe at any time.</span>
<span class="email_signup_confirmation" style="display: none;">Confirmed! Your email address was submitted.</span>
</div>
<div id="oneline-social-links" class="social-links-v2">
<p class="highlight">#ColorHappiness</p>
<ul class="social-share-tt">
<li><a href="https://www.facebook.com/eSalon.com" target="_blank" rel="noopener"><span class="social-icon-tt fb black-tt" role="img" aria-label="Facebook"></span></a></li>
<li><a href="https://www.pinterest.com/esalon" target="_blank" rel="noopener"><span class="social-icon-tt pinterest black-tt" role="img" aria-label="Pinterest"></span></a></li>
<li><a href="https://instagram.com/eSalon" target="_blank" rel="noopener"><span class="social-icon-tt instagram black-tt" role="img" aria-label="Instagram"></span></a></li>
<li><a href="https://www.tiktok.com/@esalonofficial" target="_blank"><span class="social-icon-tt tiktok black-tt" role="img" aria-label="TikTok"></span></a></li>
</ul>
</div>
</div>

<table role="presentation">
<tr>
<td class="hidden-xs col-1 flex-column">
<p class="subtitle">Shop</p>
<nav role="navigation" aria-label="Footer Shop Links" class="flex-column">
<ul class="nav-links">
<li><a href="/custom-hair-color">Custom Hair Color</a></li>

<li><span class="nowrap"><a href="/custom-hair-care">Custom Hair Care</a></span></li>

<li><span class="nowrap"><a href="/custom-hair-growth">Custom Hair Growth - <span class="highlight highlight-text">New!</span></a></span></li>

<li><a href="/hair-highlights-set">Highlights</a></li>
<li><a href="/products">All Products</a></li>

<li><a href="/brands-we-love">Brands We Love</a></li>
</ul>
</nav>
</td>
<td class="col-3 hidden-xs">
<nav role="navigation" aria-label="Footer Brands We Love Links" class="flex-column bwl-links">
<ul class="nav-links">
<li><a href="/brands-we-love/Alterna">Alterna</a></li><li><a href="/brands-we-love/Colorsmith">Colorsmith</a></li><li><a href="/brands-we-love/Joico">Joico</a></li><li><a href="/brands-we-love/Kenra">Kenra</a></li><li><a href="/brands-we-love/Schwarzkopf">Schwarzkopf</a></li><li><a href="/brands-we-love/SexyHair">SexyHair</a></li><li><a href="/brands-we-love/T3">T3</a></li><li><a href="/brands-we-love/STMNT">STMNT</a></li><li><a href="/brands-we-love/DevaCurl">DevaCurl</a></li> </ul>
</nav>
</td>
<td class="col-4 hidden-xs quarter">
<p class="subtitle">Expertise</p>
<nav role="navigation" aria-label="Footer Expertise Links">
<ul class="nav-links">
<li><a href="/support">Support</a></li>
<li><a href="/hair-color-mastery">Blog</a></li>
</ul>
</nav>
</td>
<td class="col-5 hidden-xs quarter">
<p class="subtitle">Company</p>
<nav role="navigation" aria-label="Footer Company Links">
<ul class="nav-links">
<li><a href="/about">Our Story</a></li>

<li><a href="/careers">Careers</a></li>

<li><a href="/press">Press</a></li>

<li><a href="https://www.colorsmith.co/about?utm_source=SN-CS_S-564_PR-161&utm_campaign=CA-ES&utm_medium=BR-CS_DM-esfooter&utm_offer=40off">Colorsmith for Men</a></li>

</ul>
</nav>
</td>
</tr>
</table>
<div class="guarantee-wrapper show-bwl" id="guarantee-mobile">
<div class="outer-container">
<div class="flex-container">
<div class="seal" role="img" aria-label="100% Color Happiness Guaranteed">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/seals/guarantee_seal_pink_84@2x._ts1581533962.png 2x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/seals/guarantee_seal_pink_84._ts1581533962.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/seals/guarantee_seal_pink_84._ts1581533962.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/seals/guarantee_seal_pink_84@2x._ts1581533962.png 2x" alt=""/></noscript> </div>
<div class="copy">
<p class="subtitle">Our Guarantee</p>
<p class="content">Not 100% satisfied with your custom shade? Your personal colorist will work with you to get your color just right or it's on us.</p>
</div>
</div>
<div class="flex-container">
<div class="seal" role="img" aria-label="100% Color Happiness Guaranteed">
<img class="img-responsive" srcset="https://www.esalon.com/images/esalon/seals/leaping_bunny@2x._ts1691420229.png 2x" alt="" data-cfsrc="https://www.esalon.com/images/esalon/seals/leaping_bunny._ts1691420229.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/seals/leaping_bunny._ts1691420229.png" class="img-responsive" srcset="https://www.esalon.com/images/esalon/seals/leaping_bunny@2x._ts1691420229.png 2x" alt=""/></noscript> </div>
<div class="copy">
<p class="subtitle">Leaping Bunny Approved</p>
<p class="content">This certification guarantees that all eSalon products, materials, and ingredients are never tested on animals during development and manufacturing.</p>
</div>
</div>
</div>
</div>
<div class="footer-links-xs visible-xs">
<nav role="navigation" aria-label="Footer Shop Links">
<div id="footer-accordion">
<div class="card panel panel-default">
<div class="card-header panel-header" id="headingOne">
<h3 class="mb-0">
<button class="btn btn-link text-uppercase" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" data-parent="#footer-accordion">
Shop <span>
<img class="img-responsive" alt="^" srcset="https://www.esalon.com/images/esalon/icons/arrow_down@2x._ts1579109297.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/icons/arrow_down._ts1579109297.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/icons/arrow_down._ts1579109297.png" class="img-responsive" alt="^" srcset="https://www.esalon.com/images/esalon/icons/arrow_down@2x._ts1579109297.png 2x"/></noscript> </span>
</button>
</h3>
</div>

<div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#headingOne">
<div class="card-body">
<ul class="nav-links">
<li><a href="/custom-hair-color">Custom Hair Color</a></li>

<li><span class="nowrap"><a href="/custom-hair-care">Custom Hair Care</a></span></li>

<li><span class="nowrap"><a href="/custom-hair-growth">Custom Hair Growth - <span class="highlight highlight-text">New!</span></a></span></li>

<li><a href="/hair-highlights-set">Highlights</a></li>
<li><a href="/products">All Products</a></li>
<li><a href="/brands-we-love/Alterna">Alterna</a></li><li><a href="/brands-we-love/Colorsmith">Colorsmith</a></li><li><a href="/brands-we-love/Joico">Joico</a></li><li><a href="/brands-we-love/Kenra">Kenra</a></li><li><a href="/brands-we-love/Schwarzkopf">Schwarzkopf</a></li><li><a href="/brands-we-love/SexyHair">SexyHair</a></li><li><a href="/brands-we-love/T3">T3</a></li><li><a href="/brands-we-love/STMNT">STMNT</a></li><li><a href="/brands-we-love/DevaCurl">DevaCurl</a></li> </ul>
</div>
</div>
</div>
<div class="card panel panel-default">
<div class="card-header panel-header" id="headingTwo">
<h3 class="mb-0">
<button class="btn btn-link collapsed text-uppercase" data-toggle="collapse" data-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo" data-parent="#footer-accordion">
Expertise <span>
<img class="img-responsive" alt="^" srcset="https://www.esalon.com/images/esalon/icons/arrow_down@2x._ts1579109297.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/icons/arrow_down._ts1579109297.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/icons/arrow_down._ts1579109297.png" class="img-responsive" alt="^" srcset="https://www.esalon.com/images/esalon/icons/arrow_down@2x._ts1579109297.png 2x"/></noscript> </span>
</button>
</h3>
</div>
<div id="collapseTwo" class="collapse" aria-labelledby="headingTwo">
<div class="card-body">
<ul class="nav-links">
<li><a href="/support">Customer Support</a></li>
<li><a href="/hair-color-mastery">Color Mastery</a></li>
</ul>
</div>
</div>
</div>
<div class="card panel panel-default">
<div class="card-header panel-header" id="headingThree">
<h3 class="mb-0">
<button class="btn btn-link collapsed text-uppercase" data-toggle="collapse" data-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree" data-parent="#footer-accordion">
Company <span>
<img class="img-responsive" alt="^" srcset="https://www.esalon.com/images/esalon/icons/arrow_down@2x._ts1579109297.png 2x" data-cfsrc="https://www.esalon.com/images/esalon/icons/arrow_down._ts1579109297.png" style="display:none;visibility:hidden;" /><noscript><img src="https://www.esalon.com/images/esalon/icons/arrow_down._ts1579109297.png" class="img-responsive" alt="^" srcset="https://www.esalon.com/images/esalon/icons/arrow_down@2x._ts1579109297.png 2x"/></noscript> </span>
</button>
</h3>
</div>
<div id="collapseThree" class="collapse" aria-labelledby="headingThree">
<div class="card-body">
<nav role="navigation" aria-label="Footer Company Links">
<ul class="nav-links">
<li><a href="/about">About eSalon</a></li>

<li><a href="/press">Press</a></li>
<li><a href="/careers">Careers at eSalon</a></li>

<li><a href="https://www.colorsmith.co/about?utm_source=SN-CS_S-564_PR-161&utm_campaign=CA-ES&utm_medium=BR-CS_DM-esfooter&utm_offer=40off">Colorsmith for Men</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>

<hr class="hidden-xs">


<div class="container visible-xs visible-sm">
<div class="wrapper">
<form action="/" id="" class="user_email_signup_form" method="post" accept-charset="utf-8"><div style="display:none;"><input type="hidden" name="_method" value="POST"/><input type="hidden" name="data[_Token][key]" value="513b5004b2da5c2e7576451f8a6812636af5f1fd5b7bc26e066f6f5edeadfbd4507a374ca50301e2d5dddae4f694ff1647eb754c262d87630c6061efea889714" id="Token1273297729" autocomplete="off"/></div>
<p class="subtitle">Stay in touch</p>

<div class="email_signup_prompt">Be the first to know about sales and product launches! Unsubscribe at any time.</div>
<div class="email_signup_confirmation" style="display: none;">Confirmed! Your email address was submitted.</div>

<div class="form-fields round" role="presentation">
<div class="ps-wrapper email-signup">
<div class="form-group floating-label-form-group">
<label for="email_address">
Email Address </label>
<input name="data[User][email_address]" placeholder="Email Address" class="form-control f-c-e-input email-signup-address" oninvalid="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity('"There is a problem with your email address"')" oninput="if (!window.__cfRLUnblockHandlers) return false; this.setCustomValidity("")" type="email" data-cf-modified-b5a01c20e44272740c7a287f-="" /> <div class="attached-submit-bg"></div>
</div>
<div class="attached-submit email-signup-button">
<button type="submit">OK</button> </div>
</div>
</div>
<input type="hidden" name="data[User][source]" value="email_capture_footer" id=""/><div style="display:none;"><input type="hidden" name="data[_Token][fields]" value="a47c894fd215de5cf1bb4e668d2d0668813537b3%3AUser.source" id="TokenFields502718554" autocomplete="off"/><input type="hidden" name="data[_Token][unlocked]" value="Support.browser%7Ccategory" id="TokenUnlocked987151656" autocomplete="off"/></div></form> </div>
</div>

<div id="oneline-social-links" class="social-links-v2-mb visible-xs visible-sm">
<p class="highlight visible-xs">#ColorHappiness</p>
<ul class="social-share-tt">
<li><a href="https://www.facebook.com/eSalon.com" target="_blank" rel="noopener"><span class="social-icon-tt fb black-tt" role="img" aria-label="Facebook"></span></a></li>
<li><a href="https://www.pinterest.com/esalon" target="_blank" rel="noopener"><span class="social-icon-tt pinterest black-tt" role="img" aria-label="Pinterest"></span></a></li>
<li><a href="https://instagram.com/eSalon" target="_blank" rel="noopener"><span class="social-icon-tt instagram black-tt" role="img" aria-label="Instagram"></span></a></li>
<li><a href="https://www.tiktok.com/@esalonofficial" target="_blank"><span class="social-icon-tt tiktok black-tt" role="img" aria-label="TikTok"></span></a></li>
<li class="hidden-xs"><p class="highlight">#ColorHappiness</p></li>
</ul>
</div>

<hr class="visible-xs">

<div class="container footer-container">
<section class="footer-copyright">
<div class="footer-info-left">
<p>Copyright © eSalon 2025 All Rights Reserved.</p> <ul>
<li>
<a href="/support/contact/other-support" >Contact Us</a>
</li>
<li>
<a href="/terms" >Terms <span class="hidden-xs">of Use</span></a>
</li>
<li>
<a href="/privacy" >Privacy <span class="hidden-xs">Policy</span></a>
</li>
<li>
<a href="/privacy#section-12" >About Ads</a>
</li>
<li>
<a data-toggle="modal" data-target="#cookieSettingModal">Cookies</a>
</li>
<li>
<a href="/accessibility">Accessibility</a>
</li>
<li>
<a href="/ca_privacy_rights">California Privacy Rights</a>
</li>
<li style="white-space:nowrap;">
<a href="/support/contact/dsar">Do Not Sell or Share My Personal Information</a>
</li>
</ul>

<div class="modal fade" id="cookieSettingModal" tabindex="-1" role="dialog" aria-label="cookie modal">
<div class="modal-dialog" role="document">
<div class="modal-content">

<div class="modal-header">
<a href="javascript:void(0)" class="close icon-close blue" data-dismiss="modal" tabindex="1">Close</a>
</div>

<div class="modal-body">
<div class="settings-copy">
<h2 class="label-medium">cookie settings</h2>
<p>
When you visit any website, it may store or retrieve information on your browser, through cookies or similar technologies. This information might be about you, your preferences or your device. The information can give you a more personalized web experience. Because we respect user preferences, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. Please note that blocking some types of cookies may impact your experience of the site and the services we are able to offer.
</p>
<br />
<h2 class="label-medium">Manage Cookie Preferences</h2>
<p>
Under applicable privacy laws, you have the right to opt-out of (a) the “sale” of your personal information to third parties, (b) the sharing of personal information for cross-context behavioral advertising, and (c) processing for purposes of targeted advertising. Cookies under this heading collect information for analytics, personalized experiences, and for targeted advertising (including on social media). You may exercise your opt-out right with respect to data shared by these cookies by using this toggle switch. If you opt out, we will not be able to offer you personalized ads using data these cookies would have collected. For further ways to exercise opt-out rights, visit our <a class="link" href="/privacy">Privacy Policy</a><a class="link" href="/ca_privacy_rights"> CA Privacy Notice</a>.
</p>
</div>

<div>
<div class="flex-container">
<h2 class="label-small pink">Functional</h2>
<h2 class="label-small">Always Active</h2>
</div>
<div>
<p>
These cookies are necessary for the website to function and cannot be switched off in our systems. They may be set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in, or filling out forms. They may be set by us or by third party providers whose services we have added to our pages. By using this site, your data may also be transferred to countries outside the European Economic Area without an adequate level of data protection. You may not be able to exercise your rights in relation to the data and state authorities may have access to this data. You can set your browser to block or alert you about these cookies, but some parts of the site may not then work.
</p>
<div class="panel-group cookie-accordion" id="functionalAccordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="functionalHeading">
<a role="button" data-toggle="collapse" data-parent="#functionalAccordion" href="#functionalCollapse" aria-expanded="false" aria-controls="functionalCollapse">
Vendors
</a>
<span class="arrow"></span>
</div>
<div id="functionalCollapse" class="panel-collapse collapse" role="tabpanel" aria-label="functionalHeading">
<div class="panel-body">
<ul>
<li class="body-large title">Processor</li>
<li class="body-large">eSalon</li>
<li class="body-large">eSalon</li>
<li class="body-large">Zendesk</li>
<li class="body-large">Cloudflare</li>
<li class="body-large">Cloudflare</li>
<li class="body-large">Cloudflare</li>
<li class="body-large">Unbounce</li>
<li class="body-large">Unbounce</li>
</ul>
<ul>
<li class="body-large title">Cookie</li>
<li class="body-large">es_id</li>
<li class="body-large">esalon[*]</li>
<li class="body-large">__zlcmid</li>
<li class="body-large">_cflb</li>
<li class="body-large">_cf_bm</li>
<li class="body-large">_cfduid</li>
<li class="body-large">ubvs</li>
<li class="body-large">ubvp</li>
</ul>
<ul>
<li class="body-large title">Purpose</li>
<li class="body-large">Session management</li>
<li class="body-large">Session management</li>
<li class="body-large">Online chat</li>
<li class="body-large">Session affinity</li>
<li class="body-large">Bot management</li>
<li class="body-large">DoS security</li>
<li class="body-large">Session management</li>
<li class="body-large">Session management</li>
</ul>
<ul>
<li class="body-large title">Lifetime</li>
<li class="body-large">3 years</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div>
<div class="flex-container">
<h2 class="label-small pink">Analytics</h2>
<label class="switch">
<input type="checkbox" checked id="analyticsInput">
<span class="slider round"></span>
</label>
</div>
<div>
<p>
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. If you do not allow these cookies we will not be able to monitor its performance using these cookies.
</p>
<div class="panel-group cookie-accordion" id="analyticsAccordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="analyticsHeading">
<a role="button" data-toggle="collapse" data-parent="#analyticsAccordion" href="#analyticsCollapse" aria-expanded="false" aria-controls="analyticsCollapse">
Vendors
</a>
<span class="arrow"></span>
</div>
<div id="analyticsCollapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="analyticsHeading">
<div class="panel-body">
<ul>
<li class="body-large title">Processor</li>
<li class="body-large">Mixpanel</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
</ul>
<ul>
<li class="body-large title">Cookie</li>
<li class="body-large">mp_*_mixpanel</li>
<li class="body-large">_ga</li>
<li class="body-large">_gid</li>
<li class="body-large">_gat</li>
<li class="body-large">AMP_TOKEN</li>
<li class="body-large">_gac_*</li>
<li class="body-large">__utma</li>
<li class="body-large">__utmt</li>
<li class="body-large">__utmb</li>
<li class="body-large">__utmc</li>
<li class="body-large">__utmz</li>
<li class="body-large">__utmv</li>
</ul>
<ul>
<li class="body-large title">Lifetime</li>
<li class="body-large">2 years</li>
<li class="body-large">2 years</li>
<li class="body-large">24 hours</li>
<li class="body-large">1 minute</li>
<li class="body-large">30 second - 1 year</li>
<li class="body-large">90 days</li>
<li class="body-large">2 years</li>
<li class="body-large">10 minutes</li>
<li class="body-large">30 minutes</li>
<li class="body-large">Session</li>
<li class="body-large">6 months</li>
<li class="body-large">2 years</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div>
<div class="flex-container">
<h2 class="label-small pink">Marketing</h2>
<label class="switch">
<input type="checkbox" checked id="marketingInput">
<span class="slider round"></span>
</label>
</div>
<div>
<p>
These cookies may be set through our site by us and/or our advertising partners, including social media companies. They can be used to build a profile of your interests based on the browsing information they collect from you when you visit a website, which includes uniquely identifying your browser and/or internet device and show you relevant content or adverts on our and other sites.
</p>
<div class="panel-group cookie-accordion" id="marketingAccordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="marketinglHeading">
<a role="button" data-toggle="collapse" data-parent="#marketingAccordion" href="#marketingCollapse" aria-expanded="false" aria-controls="marketingCollapse">
Vendors
</a>
<span class="arrow"></span>
</div>
<div id="marketingCollapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="marketinglHeading">
<div class="panel-body">
<ul>
<li class="body-large title">Processor</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Reddit</li>
<li class="body-large">Reddit</li>
<li class="body-large">Reddit</li>
<li class="body-large">Reddit</li>
<li class="body-large">ShareASale</li>
<li class="body-large">Sailthru</li>
<li class="body-large">Sailthru</li>
<li class="body-large">Sailthru</li>
<li class="body-large">Attentive</li>
<li class="body-large">Attentive</li>
<li class="body-large">Attentive</li>
<li class="body-large">Attentive</li>
<li class="body-large">Awin</li>
<li class="body-large">Awin</li>
</ul>
<ul>
<li class="body-large title">Cookie</li>
<li class="body-large">c_user</li>
<li class="body-large">xs</li>
<li class="body-large">sb</li>
<li class="body-large">dbln</li>
<li class="body-large">datr</li>
<li class="body-large">csrf</li>
<li class="body-large">fr</li>
<li class="body-large">_fbp</li>
<li class="body-large">_fbc</li>
<li class="body-large">oo</li>
<li class="body-large">presence</li>
<li class="body-large">dpr</li>
<li class="body-large">wd</li>
<li class="body-large">_uetmsclkid</li>
<li class="body-large">MUID</li>
<li class="body-large">MUIDB</li>
<li class="body-large">SRCHUID</li>
<li class="body-large">SRCHD</li>
<li class="body-large">SRCHHPGUSR</li>
<li class="body-large">ULC</li>
<li class="body-large">_RwBf</li>
<li class="body-large">MR</li>
<li class="body-large">MR2</li>
<li class="body-large">_EDGE_S</li>
<li class="body-large">_SS</li>
<li class="body-large">NID</li>
<li class="body-large">SID</li>
<li class="body-large">IDE</li>
<li class="body-large">ANID</li>
<li class="body-large">DSID</li>
<li class="body-large">FLC</li>
<li class="body-large">AID</li>
<li class="body-large">TAID</li>
<li class="body-large">_gac</li>
<li class="body-large">es_id</li>
<li class="body-large">_gcl</li>
<li class="body-large">_pinterest_sess</li>
<li class="body-large">_pinterest_ct</li>
<li class="body-large">_pinterest_ct_mw</li>
<li class="body-large">_pinterest_ct_rt</li>
<li class="body-large">_auth</li>
<li class="body-large">_b</li>
<li class="body-large">_ga</li>
<li class="body-large">_derived_epik</li>
<li class="body-large">_pin_unauth</li>
<li class="body-large">token</li>
<li class="body-large">d2_token</li>
<li class="body-large">session</li>
<li class="body-large">reddit_session</li>
<li class="body-large">shareasaleSSCID</li>
<li class="body-large">sailthru_hid</li>
<li class="body-large">sailthru_content</li>
<li class="body-large">sailthru_bid</li>
<li class="body-large">__attentive_id</li>
<li class="body-large">__attentive_dv</li>
<li class="body-large">__attentive_ss_referrer</li>
<li class="body-large">__attentive_pv</li>
<li class="body-large">_awc_*</li>
<li class="body-large">AwinChannelCookie</li>
</ul>
<ul>
<li class="body-large title">Lifetime</li>
<li class="body-large">365 days</li>
<li class="body-large">365 days</li>
<li class="body-large">400 days</li>
<li class="body-large">400 days</li>
<li class="body-large">400 days</li>
<li class="body-large">Session</li>
<li class="body-large">90 days</li>
<li class="body-large">90 days</li>
<li class="body-large">90 days</li>
<li class="body-large">400 days</li>
<li class="body-large">30 days</li>
<li class="body-large">7 days</li>
<li class="body-large">7 days</li>
<li class="body-large">Persistent</li>
<li class="body-large">7 days</li>
<li class="body-large">2 months</li>
<li class="body-large">2 years</li>
<li class="body-large">2 years</li>
<li class="body-large">3 months</li>
<li class="body-large">3 months</li>
<li class="body-large">3 months</li>
<li class="body-large">7 days</li>
<li class="body-large">7 days</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">6 months</li>
<li class="body-large">Persisten</li>
<li class="body-large">30 days</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">Session</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">2 years</li>
<li class="body-large">90 days</li>
<li class="body-large">90 days</li>
<li class="body-large">Session</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">45 days</li>
<li class="body-large">Persistent</li>
<li class="body-large">2 years</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
<li class="body-large">2 years</li>
<li class="body-large">2 years</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
<li class="body-large">Persistent</li>
<li class="body-large">3 hours</li>
<li class="body-large">Persistent</li>
<li class="body-large">30 days</li>
<li class="body-large">30 minutes</li>
<li class="body-large">30 minutes</li>
<li class="body-large">1 year</li>
<li class="body-large">30 days</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="modal-footer">
<button type="button" id="confirmCookies" class="button-blue-esalon eds cta-btn">Confirm</button>
</div>
</div>
</div>
</div>

<script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function() {
$('.cookie-accordion').on('shown.bs.collapse', function() {
var $arrow = $(this).find('.arrow');
$arrow.css({
"transform": "rotate(0)",
"margin-top": "6px"
});
});

$('.cookie-accordion').on('hidden.bs.collapse', function() {
var $arrow = $(this).find('.arrow');
$arrow.css({
"transform": "rotate(-90deg)",
"margin": "0"
});
})

$('#confirmCookies').on('click', function() {
var analysis = $('#analyticsInput').is(':checked');
var marketing = $('#marketingInput').is(':checked');
$.ajax({
url: '/my_account/update_cookie_consent_v2',
type: 'POST',
data: {
analysis: analysis,
marketing: marketing
},
success: function(data) {
$('#cookieSettingModal').modal('hide');
$('#cookies-banner').hide();
}
}, 'json');
});
});
</script> </div>
<p class="footer-info-right">
U.S. Patent Numbers 8,577,750 & 8,655,744 </p>
<div class="clearfix"></div>
</section>
</div>
</footer>

<script type="b5a01c20e44272740c7a287f-text/javascript">
var $header;

$(document).ready(function(){
var is_touch_device = ("ontouchstart" in window) || window.DocumentTouch && document instanceof DocumentTouch;
$('.info-popover').popover({
trigger: is_touch_device ? "click" : "hover click",
html: true
});

$('body').on('keypress click', function (e) {
if ($(e.target).data('toggle') !== 'popover'
&& $(e.target).parents('.popover.in').length === 0) {
$('[data-toggle="popover"]').popover('hide');
}
});

$header = $('.global-header');
$('.touch')
.on('swipeleft', function(e){
$(this).carousel('next');
})
.on('swiperight', function(e){
$(this).carousel('prev');
});

$('body').on('click', function (e) {
$('.custom-dropdown-select').removeClass('active');
});
$('.modal').on('shown.bs.modal', function (e) {
$('.modal .icon-close').focus();
});
$(".language-toggle").keypress(function(e) {
if (e.which == 13) {
$('a.active-lang').click();
$(this).find('.dropdown').find('[data-toggle=dropdown]').dropdown('toggle');
}
});

// FORM LABELS
$('body').on("input propertychange", ".floating-label-form-group", function(e) {
$(this).toggleClass("floating-label-form-group-with-value", !!$(e.target).val());
}).on("focus", ".floating-label-form-group", function() {
$(this).addClass("floating-label-form-group-with-focus");
}).on("blur", ".floating-label-form-group", function() {
$(this).removeClass("floating-label-form-group-with-focus");
});
$('.form-control').each(function(){
var text_value=$(this).val();
if(text_value!='') {
$(this).parent().addClass('floating-label-form-group-with-value')
}
});

// CLICK EVENTS
$('.scrollTo').click(function() {
if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
if ($(window).width() < 768) {
offset = 90;
} else {
offset = 65;
}
if (target.length) {
$('html, body').animate({
scrollTop: target.offset().top - offset
}, 1000);
return false;
}
}
});

let email_signup_in_process = false
$(".user_email_signup_form").on('submit', function(e) {
e.preventDefault()
if (email_signup_in_process) {
return
}

email_signup_in_process = true
const t = $(this)

$.post("/users/email_signup", $(this).serialize(),
function(data) {
if (data.success) {
t.find(".email_signup_prompt").first().hide()
t.find(".email_signup_confirmation").first().show()
$(".email-signup-address").val("")
} else {
t.find(".email-signup-address")[0].setCustomValidity("There is a problem with your email address")
t.find(".email-signup-address")[0].reportValidity()
}

email_signup_in_process = false
},
'json')
})

});
</script>

<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/angularjs/angular.min._ts1748366143.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/angularjs/angular-resource.min._ts1748366143.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/angularjs/angular-animate.min._ts1748366143.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/angularjs/angular-sanitize.min._ts1748366143.js"></script>

<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/bootstrap-3.4.1/bootstrap.min._ts1582041613.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript" src="https://www.esalon.com/js/minicart2._ts1725991055.js"></script>
<script type="b5a01c20e44272740c7a287f-text/javascript">
function i18n_esalon(locale) {
var locale;
var lang_short;
var date;
var date_strings;

//@TODO LOCALES_CONFIGS - output only what's needed
this.LOCALES_CONFIGS = {"en_US":{"locale":"en_US","active":true,"language":"en","language_name":"English","country_name":"USA","country_code":"US","country_flag":"\ud83c\uddfa\ud83c\uddf8","zendesk_locale_id":1,"currency_format_positive":"[[SYMBOL]][[AMOUNT]]","currency_format_negative":"-[[SYMBOL]][[AMOUNT]]","currency_decimal_point":".","currency_thousands_separator":",","date_format_long":"%B %e, %Y","date_format_long_no_year":"%B %e","date_format_short":"%b %e, %Y","date_format_short_no_year":"%b %e","date_format_numbers_only":"%m\/%d\/%Y","date_format_appt":"%A, %B %e, %Y %l:%M %p","date_format_bottle_label":"%m.%d.%Y","month_names_full":{"1":"January","2":"February","3":"March","4":"April","5":"May","6":"June","7":"July","8":"August","9":"September","10":"October","11":"November","12":"December"},"month_names_short":{"1":"Jan","2":"Feb","3":"Mar","4":"Apr","5":"May","6":"Jun","7":"Jul","8":"Aug","9":"Sep","10":"Oct","11":"Nov","12":"Dec"},"day_names_full":{"sun":"Sunday","mon":"Monday","tue":"Tuesday","wed":"Wednesday","thu":"Thursday","fri":"Friday","sat":"Saturday"},"day_names_short":{"sun":"Sun","mon":"Mon","tue":"Tue","wed":"Wed","thu":"Thu","fri":"Fri","sat":"Sat"},"am_pm":{"am":"am","pm":"pm","AM":"AM","PM":"PM","a":"a","p":"p"}},"es_US":{"locale":"es_US","active":true,"language":"es","language_name":"Espa\u00f1ol","country_name":"USA","country_code":"US","country_flag":"\ud83c\uddfa\ud83c\uddf8","zendesk_locale_id":2,"currency_format_positive":"[[SYMBOL]][[AMOUNT]]","currency_format_negative":"-[[SYMBOL]][[AMOUNT]]","currency_decimal_point":".","currency_thousands_separator":",","date_format_long":"%B %e, %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b, %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%m\/%d\/%Y","date_format_appt":"%A, %B %e, %Y a las %l:%M %p","date_format_bottle_label":"%m.%d.%Y","month_names_full":{"1":"enero","2":"febrero","3":"marzo","4":"abril","5":"mayo","6":"junio","7":"julio","8":"agosto","9":"septiembre","10":"octubre","11":"noviembre","12":"diciembre"},"month_names_short":{"1":"ene.","2":"feb.","3":"mar.","4":"abr.","5":"may.","6":"jun.","7":"jul.","8":"ago.","9":"sept.","10":"oct.","11":"nov.","12":"dic."},"day_names_full":{"sun":"domingo","mon":"lunes","tue":"martes","wed":"mi\u00e9rcoles","thu":"jueves","fri":"viernes","sat":"s\u00e1bado"},"day_names_short":{"sun":"dom.","mon":"lun.","tue":"mar.","wed":"mi\u00e9.","thu":"jue.","fri":"vie.","sat":"s\u00e1b."},"am_pm":{"am":"am","pm":"pm","AM":"AM","PM":"PM","a":"a","p":"p"}},"en_CA":{"locale":"en_CA","active":true,"language":"en","language_name":"English","country_name":"Canada","country_code":"CA","country_flag":"\ud83c\udde8\ud83c\udde6","zendesk_locale_id":1,"currency_format_positive":"[[SYMBOL]][[AMOUNT]]","currency_format_negative":"-[[SYMBOL]][[AMOUNT]]","currency_decimal_point":".","currency_thousands_separator":",","date_format_long":"%e %B %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%Y-%m-%d","date_format_appt":"%A, %e %b., %Y @%l:%M %p","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"January","2":"February","3":"March","4":"April","5":"May","6":"June","7":"July","8":"August","9":"September","10":"October","11":"November","12":"December"},"month_names_short":{"1":"Jan","2":"Feb","3":"Mar","4":"Apr","5":"May","6":"Jun","7":"Jul","8":"Aug","9":"Sep","10":"Oct","11":"Nov","12":"Dec"},"day_names_full":{"sun":"Sunday","mon":"Monday","tue":"Tuesday","wed":"Wednesday","thu":"Thursday","fri":"Friday","sat":"Saturday"},"day_names_short":{"sun":"Sun","mon":"Mon","tue":"Tue","wed":"Wed","thu":"Thu","fri":"Fri","sat":"Sat"},"am_pm":{"am":"am","pm":"pm","AM":"AM","PM":"PM","a":"a","p":"p"}},"en_GB":{"locale":"en_GB","active":true,"language":"en","language_name":"English","country_name":"United Kingdom","country_code":"GB","country_flag":"\ud83c\uddec\ud83c\udde7","zendesk_locale_id":1,"currency_format_positive":"[[SYMBOL]][[AMOUNT]]","currency_format_negative":"-[[SYMBOL]][[AMOUNT]]","currency_decimal_point":".","currency_thousands_separator":",","date_format_long":"%e %B %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%d\/%m\/%Y","date_format_appt":"%A, %e %b., %Y @%l:%M %p","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"January","2":"February","3":"March","4":"April","5":"May","6":"June","7":"July","8":"August","9":"September","10":"October","11":"November","12":"December"},"month_names_short":{"1":"Jan","2":"Feb","3":"Mar","4":"Apr","5":"May","6":"Jun","7":"Jul","8":"Aug","9":"Sep","10":"Oct","11":"Nov","12":"Dec"},"day_names_full":{"sun":"Sunday","mon":"Monday","tue":"Tuesday","wed":"Wednesday","thu":"Thursday","fri":"Friday","sat":"Saturday"},"day_names_short":{"sun":"Sun","mon":"Mon","tue":"Tue","wed":"Wed","thu":"Thu","fri":"Fri","sat":"Sat"},"am_pm":{"am":"am","pm":"pm","AM":"AM","PM":"PM","a":"a","p":"p"}},"en_IE":{"locale":"en_IE","active":true,"language":"en","language_name":"English","country_name":"Europe","country_code":"EU","country_flag":"\ud83c\uddea\ud83c\uddfa","zendesk_locale_id":1,"currency_format_positive":"[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_format_negative":"-[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_decimal_point":",","currency_thousands_separator":"\u00a0","date_format_long":"%e %B %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%d\/%m\/%Y","date_format_appt":"%A, %e %b., %Y @%l:%M %p","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"January","2":"February","3":"March","4":"April","5":"May","6":"June","7":"July","8":"August","9":"September","10":"October","11":"November","12":"December"},"month_names_short":{"1":"Jan","2":"Feb","3":"Mar","4":"Apr","5":"May","6":"Jun","7":"Jul","8":"Aug","9":"Sep","10":"Oct","11":"Nov","12":"Dec"},"day_names_full":{"sun":"Sunday","mon":"Monday","tue":"Tuesday","wed":"Wednesday","thu":"Thursday","fri":"Friday","sat":"Saturday"},"day_names_short":{"sun":"Sun","mon":"Mon","tue":"Tue","wed":"Wed","thu":"Thu","fri":"Fri","sat":"Sat"},"am_pm":{"am":"am","pm":"pm","AM":"AM","PM":"PM","a":"a","p":"p"}},"de_DE":{"locale":"de_DE","active":true,"language":"de","language_name":"Deutsch","country_name":"Deutschland","country_code":"DE","country_flag":"\ud83c\udde9\ud83c\uddea","zendesk_locale_id":8,"currency_format_positive":"[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_format_negative":"-[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_decimal_point":",","currency_thousands_separator":".","date_format_long":"%e. %B %Y","date_format_long_no_year":"%e. %B","date_format_short":"%e. %b %Y","date_format_short_no_year":"%e. %b","date_format_numbers_only":"%d.%m.%Y","date_format_appt":"%A, %e. %B %Y um %k:%M Uhr","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"Januar","2":"Februar","3":"M\u00e4rz","4":"April","5":"Mai","6":"Juni","7":"Juli","8":"August","9":"September","10":"Oktober","11":"November","12":"Dezember"},"month_names_short":{"1":"Jan.","2":"Feb.","3":"M\u00e4rz","4":"Apr.","5":"Mai","6":"Juni","7":"Juli","8":"Aug.","9":"Sept.","10":"Okt.","11":"Nov.","12":"Dez."},"day_names_full":{"sun":"Sonntag","mon":"Montag","tue":"Dienstag","wed":"Mittwoch","thu":"Donnerstag","fri":"Freitag","sat":"Samstag"},"day_names_short":{"sun":"So.","mon":"Mo.","tue":"Di.","wed":"Mi.","thu":"Do.","fri":"Fr.","sat":"Sa."},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}},"fr_FR":{"locale":"fr_FR","active":true,"language":"fr","language_name":"Fran\u00e7ais","country_name":"France","country_code":"FR","country_flag":"\ud83c\uddeb\ud83c\uddf7","zendesk_locale_id":16,"currency_format_positive":"[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_format_negative":"-[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_decimal_point":",","currency_thousands_separator":"\u00a0","date_format_long":"%e %B %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%d\/%m\/%Y","date_format_appt":"%A %e %B %Y \u00e0 %k:%M %p","date_format_bottle_label":"%d\/%m\/%Y","month_names_full":{"1":"janvier","2":"f\u00e9vrier","3":"mars","4":"avril","5":"mai","6":"juin","7":"juillet","8":"ao\u00fbt","9":"septembre","10":"octobre","11":"novembre","12":"d\u00e9cembre"},"month_names_short":{"1":"janv.","2":"f\u00e9vr.","3":"mars","4":"avr.","5":"mai","6":"juin","7":"juil.","8":"ao\u00fbt","9":"sept.","10":"oct.","11":"nov.","12":"d\u00e9c."},"day_names_full":{"sun":"dimanche","mon":"lundi","tue":"mardi","wed":"mercredi","thu":"jeudi","fri":"vendredi","sat":"samedi"},"day_names_short":{"sun":"dim.","mon":"lun.","tue":"mar.","wed":"mer.","thu":"jeu.","fri":"ven.","sat":"sam."},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}},"es_ES":{"locale":"es_ES","active":true,"language":"es","language_name":"Espa\u00f1ol","country_name":"Espa\u00f1a","country_code":"ES","country_flag":"\ud83c\uddea\ud83c\uddf8","zendesk_locale_id":2,"currency_format_positive":"[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_format_negative":"-[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_decimal_point":",","currency_thousands_separator":"\u00a0","date_format_long":"%e de %B de %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b, %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%d\/%m\/%Y","date_format_appt":"%A, %e de %B de %Y a las %k:%M","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"enero","2":"febrero","3":"marzo","4":"abril","5":"mayo","6":"junio","7":"julio","8":"agosto","9":"septiembre","10":"octubre","11":"noviembre","12":"diciembre"},"month_names_short":{"1":"ene.","2":"feb.","3":"mar.","4":"abr.","5":"may.","6":"jun.","7":"jul.","8":"ago.","9":"sept.","10":"oct.","11":"nov.","12":"dic."},"day_names_full":{"sun":"domingo","mon":"lunes","tue":"martes","wed":"mi\u00e9rcoles","thu":"jueves","fri":"viernes","sat":"s\u00e1bado"},"day_names_short":{"sun":"dom.","mon":"lun.","tue":"mar.","wed":"mi\u00e9.","thu":"jue.","fri":"vie.","sat":"s\u00e1b."},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}},"de_AT":{"locale":"de_AT","active":true,"language":"de","language_name":"Deutsch","country_name":"\u00d6sterreich","country_code":"AT","country_flag":"\ud83c\udde6\ud83c\uddf9","zendesk_locale_id":8,"currency_format_positive":"[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_format_negative":"-[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_decimal_point":",","currency_thousands_separator":".","date_format_long":"%e. %B %Y","date_format_long_no_year":"%e. %B","date_format_short":"%e. %b %Y","date_format_short_no_year":"%e. %b","date_format_numbers_only":"%d.%m.%Y","date_format_appt":"%A, %e. %B %Y um %k:%M Uhr","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"Januar","2":"Februar","3":"M\u00e4rz","4":"April","5":"Mai","6":"Juni","7":"Juli","8":"August","9":"September","10":"Oktober","11":"November","12":"Dezember"},"month_names_short":{"1":"Jan.","2":"Feb.","3":"M\u00e4rz","4":"Apr.","5":"Mai","6":"Juni","7":"Juli","8":"Aug.","9":"Sept.","10":"Okt.","11":"Nov.","12":"Dez."},"day_names_full":{"sun":"Sonntag","mon":"Montag","tue":"Dienstag","wed":"Mittwoch","thu":"Donnerstag","fri":"Freitag","sat":"Samstag"},"day_names_short":{"sun":"So.","mon":"Mo.","tue":"Di.","wed":"Mi.","thu":"Do.","fri":"Fr.","sat":"Sa."},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}},"it_IT":{"locale":"it_IT","active":true,"language":"it","language_name":"Italiano","country_name":"Italia","country_code":"IT","country_flag":"\ud83c\uddee\ud83c\uddf9","zendesk_locale_id":22,"currency_format_positive":"[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_format_negative":"-[[AMOUNT]][[NBSP]][[SYMBOL]]","currency_decimal_point":",","currency_thousands_separator":"\u00a0","date_format_long":"%e %B %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%d\/%m\/%Y","date_format_appt":"%A, %e %B de %Y %k:%M","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"gennaio","2":"febbraio","3":"marzo","4":"aprile","5":"maggio","6":"giugno","7":"luglio","8":"agosto","9":"settembre","10":"ottobre","11":"novembre","12":"dicembre"},"month_names_short":{"1":"gen","2":"feb","3":"mar","4":"apr","5":"mag","6":"giu","7":"lug","8":"ago","9":"set","10":"ott","11":"nov","12":"dic"},"day_names_full":{"sun":"domenica","mon":"luned\u00ec","tue":"marted\u00ec","wed":"mercoled\u00ec","thu":"gioved\u00ec","fri":"venerd\u00ec","sat":"sabato"},"day_names_short":{"sun":"dom","mon":"lun","tue":"mar","wed":"mer","thu":"gio","fri":"ven","sat":"sab"},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}},"de_CH":{"locale":"de_CH","active":true,"language":"de","language_name":"Deutsch","country_name":"Schweiz","country_code":"CH","country_flag":"\ud83c\udde8\ud83c\udded","zendesk_locale_id":1295,"currency_format_positive":"[[SYMBOL]][[NBSP]][[AMOUNT_WITH_DASH]]","currency_format_negative":"[[SYMBOL]][[NBSP]]-[[AMOUNT_WITH_DASH]]","currency_decimal_point":".","currency_thousands_separator":"'","date_format_long":"%e. %B %Y","date_format_long_no_year":"%e. %B","date_format_short":"%e. %b %Y","date_format_short_no_year":"%e. %b","date_format_numbers_only":"%d.%m.%Y","date_format_appt":"%A, %e. %B %Y um %k:%M Uhr","date_format_bottle_label":"%d.%m.%Y","month_names_full":{"1":"Januar","2":"Februar","3":"M\u00e4rz","4":"April","5":"Mai","6":"Juni","7":"Juli","8":"August","9":"September","10":"Oktober","11":"November","12":"Dezember"},"month_names_short":{"1":"Jan.","2":"Feb.","3":"M\u00e4rz","4":"Apr.","5":"Mai","6":"Juni","7":"Juli","8":"Aug.","9":"Sept.","10":"Okt.","11":"Nov.","12":"Dez."},"day_names_full":{"sun":"Sonntag","mon":"Montag","tue":"Dienstag","wed":"Mittwoch","thu":"Donnerstag","fri":"Freitag","sat":"Samstag"},"day_names_short":{"sun":"So.","mon":"Mo.","tue":"Di.","wed":"Mi.","thu":"Do.","fri":"Fr.","sat":"Sa."},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}},"fr_CH":{"locale":"fr_CH","active":true,"language":"fr","language_name":"Fran\u00e7ais","country_name":"Suisse","country_code":"CH","country_flag":"\ud83c\udde8\ud83c\udded","zendesk_locale_id":16,"currency_format_positive":"[[SYMBOL]][[NBSP]][[AMOUNT_WITH_DASH]]","currency_format_negative":"[[SYMBOL]][[NBSP]]-[[AMOUNT_WITH_DASH]]","currency_decimal_point":".","currency_thousands_separator":"'","date_format_long":"%e %B %Y","date_format_long_no_year":"%e %B","date_format_short":"%e %b %Y","date_format_short_no_year":"%e %b","date_format_numbers_only":"%d\/%m\/%Y","date_format_appt":"%A %e %B %Y \u00e0 %k:%M %p","date_format_bottle_label":"%d\/%m\/%Y","month_names_full":{"1":"janvier","2":"f\u00e9vrier","3":"mars","4":"avril","5":"mai","6":"juin","7":"juillet","8":"ao\u00fbt","9":"septembre","10":"octobre","11":"novembre","12":"d\u00e9cembre"},"month_names_short":{"1":"janv.","2":"f\u00e9vr.","3":"mars","4":"avr.","5":"mai","6":"juin","7":"juil.","8":"ao\u00fbt","9":"sept.","10":"oct.","11":"nov.","12":"d\u00e9c."},"day_names_full":{"sun":"dimanche","mon":"lundi","tue":"mardi","wed":"mercredi","thu":"jeudi","fri":"vendredi","sat":"samedi"},"day_names_short":{"sun":"dim.","mon":"lun.","tue":"mar.","wed":"mer.","thu":"jeu.","fri":"ven.","sat":"sam."},"am_pm":{"am":"","pm":"","AM":"","PM":"","a":"","p":""}}};
this.NNBSP = ' ';
this.NBSP = ' ';
this.CURRENCY_CODE = 'USD';
this.CURRENCY_SYMBOL = '$';

this.variation_types = {"Color":"Color","Pattern":"Pattern","Size":"Size","Treatment":"Treatment"};

this.setLocale(locale || 'en-US');
this.setDateStrings({
months: ["","January","February","March","April","May","June","July","August","September","October","November","December"],
months_short: ["","Jan","Feb","Mar","Apr","May","Jun","Jul","Aug","Sep","Oct","Nov","Dec"],
weekdays: ["","Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday"],
weekdays_short: ["","Sun","Mon","Tue","Wed","Thu","Fri","Sat"] });
}

i18n_esalon.prototype.setLocale = function(locale) {
if (!locale) {
return;
}
this.locale = locale;
this.lang_short = locale.substr(0,2);
return this.locale;
};

i18n_esalon.prototype.getLocale = function() {
return this.locale;
};

i18n_esalon.prototype.getLangShort = function() {
return this.lang_short;
};

i18n_esalon.prototype.getPhpLocale = function() {
return this.locale.replace('-', '_');
};

i18n_esalon.prototype.setDateObj = function(timestamp) {
if (timestamp) {
this.date = new Date(timestamp * 1000);
} else {
this.date = new Date();
}
};

i18n_esalon.prototype.shortDate = function(timestamp) {
this.setDateObj(timestamp);
return this.date.toLocaleDateString(this.locale);
};

i18n_esalon.prototype.shortDateTime = function(timestamp) {
this.setDateObj(timestamp);
return this.date.toLocaleString(this.locale);
};

i18n_esalon.prototype.setDateStrings = function(date_strings) {
this.date_strings = date_strings;
for (var index in this.date_strings) {
this.date_strings[index] = Object.freeze(this.date_strings[index]);
}
};

i18n_esalon.prototype.getMonth = function(month_num, len) {
var return_array = (len === 'short') ? this.date_strings.months_short : this.date_strings.months;
if (parseInt(month_num) && month_num < 12) {
return return_array[month_num];
}
return return_array.slice(1);
};

i18n_esalon.prototype.getWeekday = function(day_num, len) {
var return_array = (len === 'short') ? this.date_strings.weekdays_short : this.date_strings.weekdays;
if (parseInt(day_num) && day_num < 7) {
return return_array[day_num];
}
return return_array.slice(1);
};

i18n_esalon.prototype.getMonthShort = function(month_num) {
return this.getMonth(month_num, 'short');
};

i18n_esalon.prototype.getWeekdayShort = function(day_num) {
return this.getWeekday(day_num, 'short');
};

i18n_esalon.prototype.youTubeCCLoadPolicy = function() {
return (this.lang_short == 'en') ? 0 : 1;
}

i18n_esalon.prototype.formatDate = function(timestamp, format) {
if (timestamp) {
if (typeof timestamp == 'number') {
date = new Date(timestamp);
} else {
var date_array = timestamp.split('-').map(function(num, index){return (index == 1) ? parseInt(num)-1 : parseInt(num)});
date = new Date(date_array[0], date_array[1], date_array[2]);
}
} else {
date = new Date();
}
if ('string' !== typeof format) {
format = 'date_format_appt';
}

return this.strftime(this.LOCALES_CONFIGS[this.getPhpLocale()][format] ,date);
};

i18n_esalon.prototype.formatDateLong = function(timestamp) {
return this.formatDate(timestamp,'date_format_long');
}

i18n_esalon.prototype.formatDateMid = function(timestamp) {
return this.formatDate(timestamp,'date_format_short');
}

i18n_esalon.prototype.formatDateMidNoYear = function(timestamp) {
return this.formatDate(timestamp,'date_format_short_no_year');
}

i18n_esalon.prototype.formatDateShort = function(timestamp) {
return this.formatDate(timestamp,'date_format_numbers_only');
}

i18n_esalon.prototype.getVariationType = function(variation_type) {
if (!variation_type) {
return this.variation_types;
}
return this.variation_types[variation_type] || variation_type;
};

i18n_esalon.prototype.strftime = function(sFormat, date) {
if (!(date instanceof Date)) date = new Date();
var nDay = date.getDay(),
nDate = date.getDate(),
nMonth = date.getMonth(),
nYear = date.getFullYear(),
nHour = date.getHours(),
aDays = this.getWeekday(),
aMonths = this.getMonth(),
aDayCount = [0, 31, 59, 90, 120, 151, 181, 212, 243, 273, 304, 334],
isLeapYear = function() {
return (nYear%4===0 && nYear%100!==0) || nYear%400===0;
},
getThursday = function() {
var target = new Date(date);
target.setDate(nDate - ((nDay+6)%7) + 3);
return target;
},
zeroPad = function(nNum, nPad) {
return ((Math.pow(10, nPad) + nNum) + '').slice(1);
};
return sFormat.replace(/%[a-z]/gi, function(sMatch) {
return (({
'%a': aDays[nDay].slice(0,3),
'%A': aDays[nDay],
'%b': aMonths[nMonth].slice(0,3),
'%B': aMonths[nMonth],
'%c': date.toUTCString(),
'%C': Math.floor(nYear/100),
'%d': zeroPad(nDate, 2),
'%e': nDate,
'%F': date.toISOString().slice(0,10),
'%G': getThursday().getFullYear(),
'%g': (getThursday().getFullYear() + '').slice(2),
'%H': zeroPad(nHour, 2),
'%I': zeroPad((nHour+11)%12 + 1, 2),
'%j': zeroPad(aDayCount[nMonth] + nDate + ((nMonth>1 && isLeapYear()) ? 1 : 0), 3),
'%k': nHour,
'%l': (nHour+11)%12 + 1,
'%m': zeroPad(nMonth + 1, 2),
'%n': nMonth + 1,
'%M': zeroPad(date.getMinutes(), 2),
'%p': (nHour<12) ? 'AM' : 'PM',
'%P': (nHour<12) ? 'am' : 'pm',
'%s': Math.round(date.getTime()/1000),
'%S': zeroPad(date.getSeconds(), 2),
'%u': nDay || 7,
'%V': (function() {
var target = getThursday(),
n1stThu = target.valueOf();
target.setMonth(0, 1);
var nJan1 = target.getDay();
if (nJan1!==4) target.setMonth(0, 1 + ((4-nJan1)+7)%7);
return zeroPad(1 + Math.ceil((n1stThu-target)/604800000), 2);
})(),
'%w': nDay,
'%x': date.toLocaleDateString(),
'%X': date.toLocaleTimeString(),
'%y': (nYear + '').slice(2),
'%Y': nYear,
'%z': date.toTimeString().replace(/.+GMT([+-]\d+).+/, '$1'),
'%Z': date.toTimeString().replace(/.+$(.+?)$$/, '$1')
}[sMatch] || '') + '') || sMatch;
});
};

i18n_esalon.prototype.formatCurrency = function(
amount,
locale,
remove_trailing_zeros,
decimal_places
) {

if('undefined' === typeof locale) {
locale = 'en_US';
}

if('undefined' === typeof remove_trailing_zeros) {
remove_trailing_zeros = true;
}

if('undefined' === typeof decimal_places) {
decimal_places = 2;
}

if ('zu_ZA' == locale) {
locale = 'en_US';
}

//Hack for AUD & NZD. See eS shared config for details
if (
'en_IE' == locale &&
(
'AUD' == this.CURRENCY_CODE ||
'NZD' == this.CURRENCY_CODE
)
) {
locale = 'en_US';
}

if ('undefined' === typeof this.LOCALES_CONFIGS[locale]) {
console.log("Invalid locale: ");
console.log(locale);
return amount;
locale = 'en_US';
}

//@TODO remove_trailing_zeros
//@TODO currency_thousands_separator
//@TODO currency_code_overwrite
//@TODO currency_symbol_overwrite
//@TODO better validation and exception logging

amount = parseFloat(amount);
has_fractions = (0 !== amount % 1);

if (amount < 0) {
amount = amount * -1;
template = this.LOCALES_CONFIGS[locale]['currency_format_negative'];
} else {
template = this.LOCALES_CONFIGS[locale]['currency_format_positive'];
}

original_amount = amount;

amount = amount.toFixed(decimal_places);
if ('.' != this.LOCALES_CONFIGS[locale]['currency_decimal_point']){
amount = amount.replace('\.', this.LOCALES_CONFIGS[locale]['currency_decimal_point']);
}

if (has_fractions) {
amount_formatted_with_dash = amount;
} else {
amount_formatted_with_dash = original_amount.toFixed(0) + '.–';
if ('.' != this.LOCALES_CONFIGS[locale]['currency_decimal_point']){
amount_formatted_with_dash = amount_formatted_with_dash.replace('\.', this.LOCALES_CONFIGS[locale]['currency_decimal_point']);
}
}

return template
.replace('\[\[AMOUNT_WITH_DASH\]\]', amount_formatted_with_dash)
.replace('\[\[AMOUNT\]\]', amount)
.replace('\[\[SYMBOL\]\]', this.CURRENCY_SYMBOL)
.replace('\[\[NNBSP\]\]', this.NNBSP)
.replace('\[\[NBSP\]\]', this.NBSP)
;
};

var I18N = new i18n_esalon();
</script>
<link rel="stylesheet" type="text/css" href="https://www.esalon.com/css/sections/cookie-setting-modal._ts1748881839.css"/><div class="modal fade" id="cookieSettingModal" tabindex="-1" role="dialog" aria-label="cookie modal">
<div class="modal-dialog" role="document">
<div class="modal-content">

<div class="modal-header">
<a href="javascript:void(0)" class="close icon-close blue" data-dismiss="modal" tabindex="1">Close</a>
</div>

<div class="modal-body">
<div class="settings-copy">
<h2 class="label-medium">cookie settings</h2>
<p>
When you visit any website, it may store or retrieve information on your browser, through cookies or similar technologies. This information might be about you, your preferences or your device. The information can give you a more personalized web experience. Because we respect user preferences, you can choose not to allow some types of cookies. Click on the different category headings to find out more and change our default settings. Please note that blocking some types of cookies may impact your experience of the site and the services we are able to offer.
</p>
<br />
<h2 class="label-medium">Manage Cookie Preferences</h2>
<p>
Under applicable privacy laws, you have the right to opt-out of (a) the “sale” of your personal information to third parties, (b) the sharing of personal information for cross-context behavioral advertising, and (c) processing for purposes of targeted advertising. Cookies under this heading collect information for analytics, personalized experiences, and for targeted advertising (including on social media). You may exercise your opt-out right with respect to data shared by these cookies by using this toggle switch. If you opt out, we will not be able to offer you personalized ads using data these cookies would have collected. For further ways to exercise opt-out rights, visit our <a class="link" href="/privacy">Privacy Policy</a><a class="link" href="/ca_privacy_rights"> CA Privacy Notice</a>.
</p>
</div>

<div>
<div class="flex-container">
<h2 class="label-small pink">Functional</h2>
<h2 class="label-small">Always Active</h2>
</div>
<div>
<p>
These cookies are necessary for the website to function and cannot be switched off in our systems. They may be set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in, or filling out forms. They may be set by us or by third party providers whose services we have added to our pages. By using this site, your data may also be transferred to countries outside the European Economic Area without an adequate level of data protection. You may not be able to exercise your rights in relation to the data and state authorities may have access to this data. You can set your browser to block or alert you about these cookies, but some parts of the site may not then work.
</p>
<div class="panel-group cookie-accordion" id="functionalAccordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="functionalHeading">
<a role="button" data-toggle="collapse" data-parent="#functionalAccordion" href="#functionalCollapse" aria-expanded="false" aria-controls="functionalCollapse">
Vendors
</a>
<span class="arrow"></span>
</div>
<div id="functionalCollapse" class="panel-collapse collapse" role="tabpanel" aria-label="functionalHeading">
<div class="panel-body">
<ul>
<li class="body-large title">Processor</li>
<li class="body-large">eSalon</li>
<li class="body-large">eSalon</li>
<li class="body-large">Zendesk</li>
<li class="body-large">Cloudflare</li>
<li class="body-large">Cloudflare</li>
<li class="body-large">Cloudflare</li>
<li class="body-large">Unbounce</li>
<li class="body-large">Unbounce</li>
</ul>
<ul>
<li class="body-large title">Cookie</li>
<li class="body-large">es_id</li>
<li class="body-large">esalon[*]</li>
<li class="body-large">__zlcmid</li>
<li class="body-large">_cflb</li>
<li class="body-large">_cf_bm</li>
<li class="body-large">_cfduid</li>
<li class="body-large">ubvs</li>
<li class="body-large">ubvp</li>
</ul>
<ul>
<li class="body-large title">Purpose</li>
<li class="body-large">Session management</li>
<li class="body-large">Session management</li>
<li class="body-large">Online chat</li>
<li class="body-large">Session affinity</li>
<li class="body-large">Bot management</li>
<li class="body-large">DoS security</li>
<li class="body-large">Session management</li>
<li class="body-large">Session management</li>
</ul>
<ul>
<li class="body-large title">Lifetime</li>
<li class="body-large">3 years</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div>
<div class="flex-container">
<h2 class="label-small pink">Analytics</h2>
<label class="switch">
<input type="checkbox" checked id="analyticsInput">
<span class="slider round"></span>
</label>
</div>
<div>
<p>
These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. If you do not allow these cookies we will not be able to monitor its performance using these cookies.
</p>
<div class="panel-group cookie-accordion" id="analyticsAccordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="analyticsHeading">
<a role="button" data-toggle="collapse" data-parent="#analyticsAccordion" href="#analyticsCollapse" aria-expanded="false" aria-controls="analyticsCollapse">
Vendors
</a>
<span class="arrow"></span>
</div>
<div id="analyticsCollapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="analyticsHeading">
<div class="panel-body">
<ul>
<li class="body-large title">Processor</li>
<li class="body-large">Mixpanel</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
<li class="body-large">Google Analytics</li>
</ul>
<ul>
<li class="body-large title">Cookie</li>
<li class="body-large">mp_*_mixpanel</li>
<li class="body-large">_ga</li>
<li class="body-large">_gid</li>
<li class="body-large">_gat</li>
<li class="body-large">AMP_TOKEN</li>
<li class="body-large">_gac_*</li>
<li class="body-large">__utma</li>
<li class="body-large">__utmt</li>
<li class="body-large">__utmb</li>
<li class="body-large">__utmc</li>
<li class="body-large">__utmz</li>
<li class="body-large">__utmv</li>
</ul>
<ul>
<li class="body-large title">Lifetime</li>
<li class="body-large">2 years</li>
<li class="body-large">2 years</li>
<li class="body-large">24 hours</li>
<li class="body-large">1 minute</li>
<li class="body-large">30 second - 1 year</li>
<li class="body-large">90 days</li>
<li class="body-large">2 years</li>
<li class="body-large">10 minutes</li>
<li class="body-large">30 minutes</li>
<li class="body-large">Session</li>
<li class="body-large">6 months</li>
<li class="body-large">2 years</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>

<div>
<div class="flex-container">
<h2 class="label-small pink">Marketing</h2>
<label class="switch">
<input type="checkbox" checked id="marketingInput">
<span class="slider round"></span>
</label>
</div>
<div>
<p>
These cookies may be set through our site by us and/or our advertising partners, including social media companies. They can be used to build a profile of your interests based on the browsing information they collect from you when you visit a website, which includes uniquely identifying your browser and/or internet device and show you relevant content or adverts on our and other sites.
</p>
<div class="panel-group cookie-accordion" id="marketingAccordion" role="tablist" aria-multiselectable="true">
<div class="panel panel-default">
<div class="panel-heading" role="tab" id="marketinglHeading">
<a role="button" data-toggle="collapse" data-parent="#marketingAccordion" href="#marketingCollapse" aria-expanded="false" aria-controls="marketingCollapse">
Vendors
</a>
<span class="arrow"></span>
</div>
<div id="marketingCollapse" class="panel-collapse collapse" role="tabpanel" aria-labelledby="marketinglHeading">
<div class="panel-body">
<ul>
<li class="body-large title">Processor</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Meta</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Bing</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Google Ads</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Pinterest</li>
<li class="body-large">Reddit</li>
<li class="body-large">Reddit</li>
<li class="body-large">Reddit</li>
<li class="body-large">Reddit</li>
<li class="body-large">ShareASale</li>
<li class="body-large">Sailthru</li>
<li class="body-large">Sailthru</li>
<li class="body-large">Sailthru</li>
<li class="body-large">Attentive</li>
<li class="body-large">Attentive</li>
<li class="body-large">Attentive</li>
<li class="body-large">Attentive</li>
<li class="body-large">Awin</li>
<li class="body-large">Awin</li>
</ul>
<ul>
<li class="body-large title">Cookie</li>
<li class="body-large">c_user</li>
<li class="body-large">xs</li>
<li class="body-large">sb</li>
<li class="body-large">dbln</li>
<li class="body-large">datr</li>
<li class="body-large">csrf</li>
<li class="body-large">fr</li>
<li class="body-large">_fbp</li>
<li class="body-large">_fbc</li>
<li class="body-large">oo</li>
<li class="body-large">presence</li>
<li class="body-large">dpr</li>
<li class="body-large">wd</li>
<li class="body-large">_uetmsclkid</li>
<li class="body-large">MUID</li>
<li class="body-large">MUIDB</li>
<li class="body-large">SRCHUID</li>
<li class="body-large">SRCHD</li>
<li class="body-large">SRCHHPGUSR</li>
<li class="body-large">ULC</li>
<li class="body-large">_RwBf</li>
<li class="body-large">MR</li>
<li class="body-large">MR2</li>
<li class="body-large">_EDGE_S</li>
<li class="body-large">_SS</li>
<li class="body-large">NID</li>
<li class="body-large">SID</li>
<li class="body-large">IDE</li>
<li class="body-large">ANID</li>
<li class="body-large">DSID</li>
<li class="body-large">FLC</li>
<li class="body-large">AID</li>
<li class="body-large">TAID</li>
<li class="body-large">_gac</li>
<li class="body-large">es_id</li>
<li class="body-large">_gcl</li>
<li class="body-large">_pinterest_sess</li>
<li class="body-large">_pinterest_ct</li>
<li class="body-large">_pinterest_ct_mw</li>
<li class="body-large">_pinterest_ct_rt</li>
<li class="body-large">_auth</li>
<li class="body-large">_b</li>
<li class="body-large">_ga</li>
<li class="body-large">_derived_epik</li>
<li class="body-large">_pin_unauth</li>
<li class="body-large">token</li>
<li class="body-large">d2_token</li>
<li class="body-large">session</li>
<li class="body-large">reddit_session</li>
<li class="body-large">shareasaleSSCID</li>
<li class="body-large">sailthru_hid</li>
<li class="body-large">sailthru_content</li>
<li class="body-large">sailthru_bid</li>
<li class="body-large">__attentive_id</li>
<li class="body-large">__attentive_dv</li>
<li class="body-large">__attentive_ss_referrer</li>
<li class="body-large">__attentive_pv</li>
<li class="body-large">_awc_*</li>
<li class="body-large">AwinChannelCookie</li>
</ul>
<ul>
<li class="body-large title">Lifetime</li>
<li class="body-large">365 days</li>
<li class="body-large">365 days</li>
<li class="body-large">400 days</li>
<li class="body-large">400 days</li>
<li class="body-large">400 days</li>
<li class="body-large">Session</li>
<li class="body-large">90 days</li>
<li class="body-large">90 days</li>
<li class="body-large">90 days</li>
<li class="body-large">400 days</li>
<li class="body-large">30 days</li>
<li class="body-large">7 days</li>
<li class="body-large">7 days</li>
<li class="body-large">Persistent</li>
<li class="body-large">7 days</li>
<li class="body-large">2 months</li>
<li class="body-large">2 years</li>
<li class="body-large">2 years</li>
<li class="body-large">3 months</li>
<li class="body-large">3 months</li>
<li class="body-large">3 months</li>
<li class="body-large">7 days</li>
<li class="body-large">7 days</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">6 months</li>
<li class="body-large">Persisten</li>
<li class="body-large">30 days</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">Session</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">2 years</li>
<li class="body-large">90 days</li>
<li class="body-large">90 days</li>
<li class="body-large">Session</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">Persistent</li>
<li class="body-large">45 days</li>
<li class="body-large">Persistent</li>
<li class="body-large">2 years</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
<li class="body-large">2 years</li>
<li class="body-large">2 years</li>
<li class="body-large">Session</li>
<li class="body-large">Session</li>
<li class="body-large">1 year</li>
<li class="body-large">1 year</li>
<li class="body-large">Persistent</li>
<li class="body-large">3 hours</li>
<li class="body-large">Persistent</li>
<li class="body-large">30 days</li>
<li class="body-large">30 minutes</li>
<li class="body-large">30 minutes</li>
<li class="body-large">1 year</li>
<li class="body-large">30 days</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>

<div class="modal-footer">
<button type="button" id="confirmCookies" class="button-blue-esalon eds cta-btn">Confirm</button>
</div>
</div>
</div>
</div>

<script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function() {
$('.cookie-accordion').on('shown.bs.collapse', function() {
var $arrow = $(this).find('.arrow');
$arrow.css({
"transform": "rotate(0)",
"margin-top": "6px"
});
});

$('.cookie-accordion').on('hidden.bs.collapse', function() {
var $arrow = $(this).find('.arrow');
$arrow.css({
"transform": "rotate(-90deg)",
"margin": "0"
});
})

$('#confirmCookies').on('click', function() {
var analysis = $('#analyticsInput').is(':checked');
var marketing = $('#marketingInput').is(':checked');
$.ajax({
url: '/my_account/update_cookie_consent_v2',
type: 'POST',
data: {
analysis: analysis,
marketing: marketing
},
success: function(data) {
$('#cookieSettingModal').modal('hide');
$('#cookies-banner').hide();
}
}, 'json');
});
});
</script><script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function () {
});
</script>

<style>
#cookies-banner .close {
position: unset; }
</style>
<link rel="stylesheet" type="text/css" href="https://www.esalon.com/css/sections/cookie-banner._ts1748881839.css"/> <div id="cookies-banner">
<div class="container">
<h2 class="label-medium">This website uses cookies</h2>
<p>
This website uses cookies and similar technologies to operate our site and services, optimize the website, monitor sessions, enhance your experience, and for marketing. These technologies may monitor your use of the site and share that information with third parties, including for analytics, social media, and advertising purposes. For more info, including on data retention, see the privacy notices linked below. Click “Cookie Settings” to opt-out of certain advertising cookies.
By accessing or using the website, you agree to the use of cookies to collect and share your information, and to our <a href="/terms">Terms of Use</a> (including arbitration & class waiver terms), <a href="/privacy">Privacy Policy</a> and (for California residents) the <a href="/ca_privacy_rights"> CA Privacy Notice</a>.
</p>
<div class="cookie-banner-cta-container">
<button type="button" id="acceptCookies" class="button-pink-esalon sm cta-btn">ACCEPT</button>
<a class="cta-link" id="rejectCookies" data-toggle="modal" data-target="#cookieSettingModal">COOKIE SETTINGS</a>
</div>
</div>
</div> <script type="b5a01c20e44272740c7a287f-text/javascript">
$(document).ready(function () {
$('#acceptCookies').on('click', function () {
$.getJSON( '/my_account/update_cookie_consent/all/consent', function(data) {
if (!data.success) {
console.log("Failed to update all cookie consent value to 'consent': " + data.msg);
}
})
.fail(function() {
console.log("AJAX error updating cookie consent value to 'consent'.");
})
.done(function() {
document.getElementById('cookies-banner').style.display = 'none';
location.reload();
})
});
$('#declineCookies').on('click', function () {
$.getJSON( '/my_account/update_cookie_consent/all/decline', function(data) {
if (!data.success) {
console.log("Failed to update all cookie consent value to 'decline': " + data.msg);
}
})
.fail(function() {
console.log("AJAX error updating all cookie consent value to 'decline'.");
})
.done(function() {
document.getElementById('cookies-banner').style.display = 'none';
})
});
$('#closeCookieBanner').on('click', function () {
$('#cookies-banner').hide();
});
});
</script>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="b5a01c20e44272740c7a287f-|49" defer></script></body>
</html>

shadeandtone.com Ads.txt file

Ads.Txt Alerts - A trading name of Red Volcano Limited Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD Contact ⋅ Sites ⋅ Terms of Use ⋅ Privacy Policy © Red Volcano 2020. All Rights Reserved.

Ads.Txt Alerts - A trading name of Red Volcano Limited

Waterloo Buildings, Second Floor Rear, 53 London Road, Southampton, Hampshire, United Kingdom, SO15 2AD

Contact

⋅

Sites

⋅

Terms of Use

⋅

Privacy Policy

© Red Volcano 2020. All Rights Reserved.