<div class="materials-style-modal-visible">
<div class="section-title">Grommet Color</div>
<div class="swatch-grid">
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/l0wxoalbxn/320x180px@1x/Black-Finish.jpg?q=90&x.template=y" alt="Black " title="Black ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Black </span>
<span class="swatch-card-code">GBL</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/x2esx8hs8z/320x180px@1x/Paint_BlueGrey.tif?q=90&x.template=y" alt="Blue Grey " title="Blue Grey ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Blue Grey </span>
<span class="swatch-card-code">GGR</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/qxvuf7ckk3/320x180px@1x/Paint_Bronze-Metallic.tif?q=90&x.template=y" alt="Bronze Metallic " title="Bronze Metallic ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Bronze Metallic </span>
<span class="swatch-card-code">GZM</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/8bdyae54kc/320x180px@1x/Paint_Champagne-Metallic.tif?q=90&x.template=y" alt="Champagne Metallic" title="Champagne Metallic">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Champagne Metallic</span>
<span class="swatch-card-code">GCM</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/0wdbv6q65i/320x180px@1x/Paint_CoolGrey.tif?q=90&x.template=y" alt="Cool Grey " title="Cool Grey ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cool Grey </span>
<span class="swatch-card-code">GCG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/yrohdtkb4a/320x180px@1x/Paint_Cottonwood.tif?q=90&x.template=y" alt="Cottonwood" title="Cottonwood">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cottonwood</span>
<span class="swatch-card-code">GCO</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/dezwmpyvrp/320x180px@1x/Paint_Flannel.tif?q=90&x.template=y" alt="Flannel " title="Flannel ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Flannel </span>
<span class="swatch-card-code">GFN</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/yfrswiacvj/320x180px@1x/Paint_MistyBrown.tif?q=90&x.template=y" alt="Misty Brown " title="Misty Brown ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Misty Brown </span>
<span class="swatch-card-code">GMY</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/ckf6hadpfu/320x180px@1x/Starlight-Silver-Metallic-Finish.tif?q=90&x.template=y" alt="Starlight Silver " title="Starlight Silver ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Starlight Silver </span>
<span class="swatch-card-code">GSX</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/xpqsbgwi7s/320x180px@1x/Paint_WarmGrey.tif?q=90&x.template=y" alt="Warm Grey " title="Warm Grey ">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Warm Grey </span>
<span class="swatch-card-code">GWG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/jfyybtnvym/320x180px@1x/Paint_Black.tif?q=90&x.template=y" alt="Black" title="Black">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Black</span>
<span class="swatch-card-code">PUBL</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/0wdbv6q65i/320x180px@1x/Paint_CoolGrey.tif?q=90&x.template=y" alt="Cool Grey" title="Cool Grey">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cool Grey</span>
<span class="swatch-card-code">PUCG</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
<div class="swatch-grid-item">
<div class="swatch-card">
<div class="swatch-card-image">
<img src="https://embed.widencdn.net/img/ki/yrohdtkb4a/320x180px@1x/Paint_Cottonwood.tif?q=90&x.template=y" alt="Cottonwood" title="Cottonwood">
</div> <!-- /swatch-card-image -->
<span class="swatch-card-title">Cottonwood</span>
<span class="swatch-card-code">PUCO</span>
</div> <!-- /swatch-card -->
</div> <!-- /swatch-grid-item -->
</div> <!-- /swatch-grid -->
</div> <!-- /materials-modal -->