Choose a location so we can tailor the best experience for you.
GRACE COLLECTION
Chat or call one of our PERFECTION STYLISTS
Our experts are here to help.
![](_blank>Affirm</a> </span></div>
</div>
</div>
</div>
<button class="hof-slider-btn hof-slider-btn--basic left">
<div class="arrow arrow--left"></div>
</button>
<button class="hof-slider-btn hof-slider-btn--basic right">
<div class="arrow arrow--right"></div>
</button>
</section>
<header data-loadmodule="GlobalNavigation">
<div class="hof-shrinkwrap">
<nav>
<div class="hof-hamburger">
<p class="hof-hamburger-link-wrapper">
<a href="#" class="hof-hamburger-link">
<span class="hof-hamburger-line hof-hamburger-top"></span>
<span class="hof-hamburger-line hof-hamburger-middle"></span>
<span class="hof-hamburger-line hof-hamburger-bottom"></span>
</a>
</p>
<div class="hof-logo-wrapper">
<a href="en.html" > <img src="svg/hof-logo-desktop.svg" alt="Hearts On Fire" width="165" height="14" />
</a> </div>
</div>
<div class="hof-nav-groups">
<div class="hof-nav-groups-close">
<a href="#" class="hof-hamburger-link">
<svg width="14" height="14" aria-labelledby="hof-groups-close-button-mobile" role="img">
<title id="hof-groups-close-button-mobile">Close</title>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#close"></use>
</svg>
</a>
</div>
<div class="hof-nav-group hof-nav-group--utilities" id="hof-nav-group-utilities">
<a href="en.html" > <img src="svg/hof-logo-desktop.svg" alt="Hearts On Fire" width="230" height="20" />
</a> <ul>
<li><a href="store-locator.html">Store Locator</a></li>
<li><a href="wishlist.html">Wish List</a></li>
<li>
<a href="sign-infb5f.html">
Sign In
</a>
</li>
</ul>
</div>
<div class="hof-nav-groups-scrollable">
<div class="hof-nav-group hof-nav-group-home">
<ul>
<li><a href="en.html" >Home</a></li>
</ul>
</div>
<div class="hof-nav-group" id="hof-nav-group-merchandise">
<ul>
<li>
<a href="engagement-and-wedding.html" class="" data-has-subnav="true" >Engagement & Wedding</a> <ul>
<li><a href="engagement-rings.html">Engagement Rings</a></li>
<li><a href="wedding-rings.html">Wedding Rings</a></li>
<li><a href="vela.html">Vela</a></li>
</ul>
</li>
<li>
<a href="all-jewelry.html" class="" data-has-subnav="true" >Jewelry</a> <ul>
<li><a href="diamond-bracelets.html">Bracelets</a></li>
<li><a href="diamond-earrings.html">Earrings</a></li>
<li><a href="diamond-necklaces.html">Necklaces</a></li>
<li><a href="diamond-rings.html">Rings</a></li>
<li><a href="best-sellers.html">Best Sellers</a></li>
</ul>
</li>
<li>
<a href="collection.html" class="current" data-has-subnav="false" >Collections</a> </li>
<li>
<a href="gift-guide.html" class="" data-has-subnav="false" >Gifts</a> </li>
</ul>
</div>
<div class="hof-nav-group" id="hof-nav-group-secondary">
<ul>
<li>
<a href="education.html#top" class="" data-has-subnav="true" >ABOUT OUR DIAMONDS</a> <ul>
<li><a href="diamond-engagement-ring-guide.html">Engagement Ring Guide</a></li>
<li><a href="what-are-the-4cs.html">Understanding the 4 Cs</a></li>
<li><a href="hearts-on-fire-difference.html">The Hearts On Fire Difference</a></li>
</ul>
</li>
</ul>
</div>
<div class="hof-nav-group" id="hof-nav-group-purchase">
<ul>
<li class="hof-gle-header__container">
<a href="#" class="hof-gle-header " data-loadmodule="GeoLocationExperienceHeader" title="United States">
<img src="iconmonstr-globe-thin.html" alt="">
<span>US</span>
</a>
</li>
<li class="hof-search-container">
<a href="#" class="hof-search-toggle">
<svg width="14" height="14" aria-labelledby="hof-search-icon-mobile" role="img">
<title id="hof-search-icon-mobile">What are you searching for?</title>
<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#search"></use>
</svg>
</a>
<div id="hof-site-search">
<div class="hof-site-search hof-site-search__coveo">
<div>
<div id="_F7BF4A77-BF55-4822-96B5-F2AE5CD083A6"
data-search-interface-id=){kind=link}