HTML Report for https://www.goldenaspprom.com/jessica-angel-prom-dresses
This tool is an ongoing experiment in better HTML checking, and its behavior remains subject to changeShowing results for https://www.goldenaspprom.com/jessica-angel-prom-dresses
You can view the notes...
view-source:https://www.goldenaspprom.com/jessica-angel-prom-dresses
| # | results |
|---|---|
| 1 |
Error
On line 49, column 2 <!DOCTYPE html> <html class="html-common html-plp" lang="en-US"> <head> <base href="/"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, user-scalable=1" /> <meta name="format-detection" content="telephone=yes"> <link rel="apple-touch-icon" sizes="180x180" href="Themes/GoldenAsp/Content/img/favicon/apple-touch-icon.png"> <link rel="icon" type="image/png" sizes="32x32" href="Themes/GoldenAsp/Content/img/favicon/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="16x16" href="Themes/GoldenAsp/Content/img/favicon/favicon-16x16.png"> <link rel="manifest" href="Themes/GoldenAsp/Content/img/favicon/manifest.json"> <link rel="mask-icon" href="Themes/GoldenAsp/Content/img/favicon/safari-pinned-tab.svg" color="#5bbad5"> <link rel="shortcut icon" href="Themes/GoldenAsp/Content/img/favicon/favicon.ico"> <meta name="msapplication-config" content="Themes/GoldenAsp/Content/img/favicon/browserconfig.xml"> <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,700|Roboto+Condensed:400,700" rel="stylesheet"> <title>Jessica Angel Prom Dresses Prom Dresses and Gowns Dresses | Golden Asp</title> <meta property="og:title" content="Jessica Angel Prom Dresses Prom Dresses and Gowns Dresses | Golden Asp" /> <meta property="og:type" content="website" /> <meta property="og:url" content="https://www.goldenaspprom.com/jessica-angel-prom-dresses"/> <meta name="description" content="Shop Jessica Angel Prom Dresses Prom Dresses and Gowns Dresses at Golden Asp" /> <meta property="og:description" content="Shop Jessica Angel Prom Dresses Prom Dresses and Gowns Dresses at Golden Asp" /> <meta property="og:image" content="https://dy9ihb9itgy3g.cloudfront.net/products/8909/947/947__d_f.webp" /> <meta name="twitter:image" content="https://dy9ihb9itgy3g.cloudfront.net/products/8909/947/947__d_f.webp"> <meta name="google-site-verification" content="9RCtFXlxADYVnovBsGf_Tw0eXnMbP0iJNqf2W9phZUM" /> <link rel="canonical" href="https://www.goldenaspprom.com/jessica-angel-prom-dresses" /> <meta name="ahrefs-site-verification" content="3f5985540524a5cd0cb530a65a1ee43cf09fb6f1d18b69b7aa51d913b7d32343"> <!-- Facebook Pixel Code --> <script> !function(f,b,e,v,n,t,s) {if(f.fbq)return;n=f.fbq=function(){n.callMethod? n.callMethod.apply(n,arguments):n.queue.push(arguments)}; if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; n.queue=[];t=b.createElement(e);t.async=!0; t.src=v;s=b.getElementsByTagName(e)[0]; s.parentNode.insertBefore(t,s)}(window, document,'script', 'https://connect.facebook.net/en_US/fbevents.js'); fbq('init', '439301502943162'); fbq('track', 'PageView'); </script> <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=439301502943162&ev=PageView&noscript=1" /></nosc |
| 2 |
Error
On line 49, column 13 ript=1" /></noscript> <!-- |
| 3 |
Error
On line 75, column 7 /noscript> <!-- End Facebook Pixel Code --> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=AW-1018919317"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-1018919317'); </script> <link rel="stylesheet" type="text/css" href="https://www.goldenaspprom.com/content/theme.min.css?v=20240404155535"/> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Brand", "name": "Jessica Angel Prom Dresses", "url": "https://www.goldenaspprom.com/jessica-angel-prom-dresses" } </script> </head> <body |
| 4 |
Error
On line 76, column 37 > </head> <body class="page-common page-plp "> < |
| 5 |
Error
On line 110306, column 47 ge-plp "> <!--[if lt IE 11]> <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade your browser</a> to improve your experience.</p> <![endif]--> <div class="hidden-vars" data-vars> <div class="breakpoint-xl" data-var-name="breakpoint" data-var-type="xl" data-var-value="width"></div> <div class="breakpoint-lg" data-var-name="breakpoint" data-var-type="lg" data-var-value="width"></div> <div class="breakpoint-md" data-var-name="breakpoint" data-var-type="md" data-var-value="width"></div> <div class="breakpoint-sm" data-var-name="breakpoint" data-var-type="sm" data-var-value="width"></div> <div class="color-primary" data-var-name="color" data-var-type="primary" data-var-value="color"></div> <div class="color-secondary" data-var-name="color" data-var-type="secondary" data-var-value="color"></div> </div> <!-- Loader --> <div id="spinner" class="loader"> <div class="round"> <div class="section"></div> </div> </div> <div class="app-container app-container-fix"> <div class="primary-block iblock-fix clearfix"> <div class="preheader preheader-promo iblock-fix"> <div class="container"> <div class="row"> <a class="promo-closable" href="appointments"> <h4>Special Hours for Presidents' Day - Book Your Appointment Today!</h4> <!--<h4>Prom 2024 Dresses are here! Book your Appointment Today </h4>--> <span class="close-btn close-promo" data-trigger="close" data-target=".promo-closable"> </span> </a> </div> </div> </div> <header class="header iblock-fix"> <div class="container"> <div class="row"> <div class="navbar-blocks iblock-fix clearfix"> <div class="header-actions hidden-gt-sm pull-left"> <ul> <li> <span class="navbar-toggle collapsed button button-menu" data-toggle="collapse" data-target="#main-navbar" role="button" aria-expanded="false" aria-controls="main-navbar"> <span class="sr-only">Toggle navigation</span> <i class="icomoon icomoon-hamburger" aria-hidden="true"></i> </span> </li> </ul> </div> <a href="/" class="brand-logo" aria-label="Golden Asp"> <img src="logos/main-logo?v=b0163287-61a3-a51d-4217-d2eaf78e818c" alt="Golden Asp" class="hidden-xs hidden-sm"/> <img src="logos/inverted-logo?v=c70b08f0-2543-c826-10c2-27c64abfc04f" alt="Golden Asp" class="hidden-gt-sm"/> </a> <div class="header-actions pull-right"> <ul> <li> <a class="show-search button" href="search?searchTerm" aria-haspopup="true" aria-expanded="false" aria-label="Toggle search"> <i class="icomoon icomoon-search" aria-hidden="true"></i> </a> </li> <li class="dropdown hidden-xs hidden-sm"> <a href="account" class="button button-account dropdown-toggle link-button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-label="Toggle account"> <i class="icomoon icomoon-user" aria-hidden="true"></i> </a> <div class="dropdown-menu clickable cart-popup"> <span class="fl-right close-dropdown" data-trigger="cart" role="button" aria-label="Close Account Popup" aria-haspopup="false" aria-expanded="false" aria-hidden="true"> </span> <div class="account-dropdown"> <ul> <li> <a href="/login">Sign In</a> </li> <li> <a href="/register">Sign Up</a> </li> <li> <a href="/wishlist">Wishlist</a> </li> </ul> </div> </div> </li> <li class="hidden-xs hidden-sm"> <a href="/wishlist" class="button" aria-label="Wishlist Listing Page"> <i class="icomoon icomoon-heart" aria-hidden="true"></i> </a> </li> <li class="hidden visible-mobile-sticky"> <a href="tel:2157524990" rel="nofollow" aria-label="Phone us" class="button"> <i class="icomoon icomoon-phone" aria-hidden="true"></i> </a> </li> <li class="hidden visible-mobile-sticky"> <a href="appointments" aria-label="Appointments" class="button"> <i class="icomoon icomoon-calendar" aria-hidden="true"></i> </a> </li> <li class="dropdown common-cart-popup--dropdown" data-parent="common-cart-popup"> <a href="/cart" class="button button-cart dropdown-toggle" data-trigger="cart" data-toggle="dropdown" data-control="common-cart-popup" data-show-action="mouseenter" data-hide-action="mouseleave" aria-label="Toggle cart" aria-haspopup="true" aria-expanded="false"> <i class="icomoon icomoon-bag" aria-hidden="true"> </i> </a> <div class="dropdown-menu clickable common-cart-popup common-cart-popup-hoverable bgc-secondary" data-property="common-cart-popup" role="dialog" aria-label="Cart Dialog"> <span role="button" class="close-dropdown common-cart-popup--close hidden-gt-sm" aria-label="Close Cart Dialog" aria-haspopup="true" aria-expanded="false"> </span> <div class="content-blocks common-cart-popup--blocks"> <div class="content-block common-cart-popup--block common-cart-popup--block--products"> <div class="content-block common-cart-popup--block common-cart-popup--block--products"> <div class="common-cart-popup--products-empty"> <div class="title"> <h4 class="h4" role="presentation">Your Cart is Empty</h4> </div> </div> </div> </div> <div class="content-block common-cart-popup--block common-cart-popup--block--summary"> <div class="common-cart-popup--summary"> <div class="list"> <div class="list-item"> <div class="common-cart-popup--link"> <p> <a href="/cart"> <span data-layout-font>View Cart </span> </a> </p> </div> </div> <div class="list-item"> <div class="common-cart-popup--subtotal"> <p> <span data-layout-font>Subtotal: 0</span> </p> </div> </div> </div> </div> </div> <div class="content-block common-cart-popup--block common-cart-popup--block--button"> <div class="common-cart-popup--buttons"> <div class="list"> <div class="list-item"> <div class="common-cart-popup--button"> <a href="/checkout" class="btn btn-block btn-lg btn-success">Checkout</a> </div> </div> </div> </div> </div> </div> <span class="sr-only sr-only-focusable close-dropdown" role="button" tabindex="0">Close Cart dialog</span> </div> </li> </ul> <ul class="hidden-sm hidden-xs"> <li> <a href="tel:2157524990" rel="nofollow"> (215) 752-4990 </a> </li> </ul> <div class="search-holder"> <div class="search-form collapsed" role="search"> <div class="search-group ui-widget"> <div class="search-btn search-btn-left"> <button type="submit" data-trigger="search" aria-label="Search Button"> <i class="icomoon icomoon-search" aria-hidden="true"></i> </button> </div> <div class="search-btn search-btn-right"> <button type="button" class="close-search-form" aria-label="Close Search Form"> <i class="icon-syvo icon-close-x" aria-hidden="true"></i> </button> </div> <input type="search" name="query" class="form-control ui-autocomplete-input" placeholder="SEARCH" data-property="search" aria-label="Search Input"/> </div> </div> </div> </div> <div id="main-navbar" class="navbar-collapse main-navbar main-navbar-extended collapse"> <div class="main-navbar-extended-contents"> <div class="main-navbar-extended-header hidden-gt-sm"> <div class="main-navbar-extended-header-search"> <div class="search-form collapsed" role="search"> <div class="search-group ui-widget"> <div class="search-btn search-btn-left"> <button type="submit" data-trigger="search" aria-label="Search Button"> <i class="icomoon icomoon-search" aria-hidden="true"></i> </button> </div> <div class="search-btn search-btn-right"> <button type="button" class="close-search-form" aria-label="Close Search Form"> <i class="icon-syvo icon-close-x" aria-hidden="true"></i> </button> </div> <input type="search" name="query" class="form-control ui-autocomplete-input" placeholder="SEARCH" value="" data-property="search" aria-label="Search Input"/> </div> </div> </div> </div> <div class="main-navbar-extended-body"> <div class="common-navbar"> <span class="close-navbar" data-toggle="collapse" data-target="#main-navbar" aria-haspopup="false" aria-expanded="false" aria-hidden="true" aria-label="Close Navbar"> </span> <ul> <li> <a href="appointments"> <span> Book Appointment </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <!--<li class="hidden-lg hidden-md"> <a href="collections/homecoming"> <span> Homecoming Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li>--> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Prom Menu"> <a href="javascript:void(0);"> <span> Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> <ul class="common-sub-menu"> <li data-menu-item="parently-opened"> <input type="checkbox" autocomplete="off" data-trigger="menu-opener" aria-label="Open Prom Submenu"> <a href="categories/prom-dress-trends-2024"> <span> Prom Dress Trends 2024 </span> <i class="sign" aria-hidden="true"> </i> </a> <ul> <li> <a href="collections/prom-dresses"> <span> All Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/popular-prom-dresses"> <span> Popular Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/prom-dresses-under-300"> <span> Prom Dresses Under $300 </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/prom-dresses-under-400"> <span> Prom Dresses Under $400 </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> <li data-menu-item="parently-opened"> <input type="checkbox" autocomplete="off" data-trigger="menu-opener" aria-label="Open Prom by color Menu"> <a href="javascript:void(0);"> <span> <b>Prom dresses by color </b> </span> <i class="sign" aria-hidden="true"> </i> </a> <ul> <li> <a href="categories/red-dresses"> <span> Red Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/blue-dresses"> <span> Blue Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/yellow-dresses"> <span> Yellow Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/orange-dresses"> <span> Orange Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/green-dresses"> <span> Green Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/pink-dresses"> <span> Pink Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/white-dresses"> <span> White Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/black-dresses"> <span> Black Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/gold-dresses"> <span> Gold Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/silver-dresses"> <span> Silver Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/purple-dresses"> <span> Purple Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> </ul> </li> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Shop by style Menu"> <a href="javascript:void(0);"> <span> Shop By Style </span> <i class="sign" aria-hidden="true"> </i> </a> <ul class="common-sub-menu"> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Shop by style Submenu"> <a href="javascript:void(0);"> <span> Shop By Style Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> <ul> <li> <a href="categories/a-line-prom-dresses"> <span> A Line Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/ball-gown-prom-dresses"> <span> Ball Gown Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/classic-prom-dresses"> <span> Classic Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/corset-prom-dresses"> <span> Corset Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/elegant-prom-dresses"> <span> Elegant Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/evening-dresses"> <span> Evening Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/feminine-prom-dresses"> <span> Feminine Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/formal-prom-dresses"> <span> Formal Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/lace-prom-dresses"> <span> Lace Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/long-prom-dresses"> <span> Long Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> <li data-menu-item="empty"> <input type="checkbox" autocomplete="off" data-trigger="menu-opener" aria-label="Open Low Neckline Prom Dresses Menu"> <ul> <li> <a href="categories/low-neckline-prom-dresses"> <span> Low Neckline Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/mermaid-prom-dresses"> <span> Mermaid Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/off-the-shoulder-prom-dresses"> <span> Off the Shoulder Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/one-shoulder-prom-dresses"> <span> One Shoulder Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/sequined-prom-dresses"> <span> Sequined Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/sexy-back-prom-dresses"> <span> Sexy Back Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/sexy-prom-dresses"> <span> Sexy Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/simple-prom-dresses"> <span> Simple Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/strapless-prom-dresses"> <span> Strapless Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> </ul> </li> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Shop By Event Menu"> <a href="javascript:void(0);"> <span> Shop By Event </span> <i class="sign" aria-hidden="true"> </i> </a> <ul class="common-sub-menu"> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Event Dresses Menu"> <a href="javascript:void(0);"> <span> Event Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> <ul> <li> <a href="collections/prom"> <span> Prom Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/quinceanera"> <span> Quinceanera Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/sweet-16-dresses"> <span> Sweet 16 Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/informal-bridal"> <span> Informal Bridal </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/wedding-guest-dresses"> <span> Wedding Guest Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="categories/military-ball-dresses"> <span> Military Ball Dresses </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> </ul> </li> <li class="hidden-lg hidden-md"> <a href="contact-us"> <span> Visit Our Store </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Shop By Designer Menu"> <a href="javascript:void(0)"> <span> Shop By Designer </span> <i class="sign" aria-hidden="true"> </i> </a> <ul class="common-sub-menu"> <li> <input type="checkbox" data-trigger="menu-opener" aria-label="Open Shop By Designer Submenu"> <a href="javascript:void(0);"> <span> Featured Designers </span> <i class="sign" aria-hidden="true"> </i> </a> <ul> <li> <a href="2cute-prom"> <span> 2Cute Prom </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="alyce-paris"> <span> Alyce </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="amarra"> <span> Amarra </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="cecilia-couture"> <span> Cecilia Couture </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="colette-by-daphne-prom-dresses"> <span> Colette by Daphne </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="dave-johnny"> <span> Dave and Johnny </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="ellie-wilde"> <span> Ellie Wilde </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="faviana"> <span> Faviana </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="jasz-couture"> <span> Jasz Couture </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="jessica-angel-prom-dresses"> <span> Jessica Angel </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> <li data-menu-item="empty"> <input type="checkbox" autocomplete="off" data-trigger="menu-opener" aria-label="Open Jovani Menu"> <ul> <li> <a href="jovani"> <span> Jovani </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="jvn"> <span> JVN by Jovani </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="lucci-lu"> <span> Lucci Lu </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="nina-canacci"> <span> Nina Canacci </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <!--<li> <a href="portia-and-scarlett"> <span> Portia and Scarlett </span> <i class="sign" aria-hidden="true"> </i> </a> </li>--> <li> <a href="primavera-couture"> <span> Primavera Couture </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="sydney-s-prom"> <span> Sydney's Closet </span> <i class="sign" aria-hidden="true"> </i> </a> </li> <li> <a href="tarik-ediz"> <span> Tarik Ediz </span> <i class="sign" aria-hidden="true"> </i> </a> </li> </ul> </li> </ul> </li> </ul> </div> </div> <div class="main-navbar-extended-footer hidden-gt-sm"> <div class="main-navbar-extended-footer-icons"> <ul> <li> <a href="/wishlist"> <i class="icon-syvo icon-heart-o" aria-hidden="true"></i> <span>Wishlist</span> </a> </li> <li> <a href="/login"> <i class="icon-syvo icon-user-o" aria-hidden="true"></i> <span>Sign In</span> </a> </li> <li> <a href="/register"> <i class="icon-syvo icon-user-o" aria-hidden="true"><span>+</span></i> <span>Sign Up</span> </a> </li> </ul> </div> </div> </div> <div class="main-navbar-extended-overlay" data-toggle="collapse" data-target="#main-navbar" aria-haspopup="false" aria-expanded="false" aria-hidden="true"></div> </div> </div> </div> </div> </header> </div> <div class="main-content"> <div class="common-cmp plp-cmp iblock-fix ajax-cmp"> <section class="section-plp-ajax-content section-block section-inner"> <div class="container-fluid"> <div class="row"> <div class="plp-ajax-content plp-ajax-content-main"> <div class="list"> <div class="list-item"> <div class="plp-ajax-content-filters" id="plp-filter"> <div role="button" class="plp-ajax-content-filters-blocker hidden-gt-sm" toggle-popup="#plp-filter" tabindex="0" aria-label="Toggle Filters dialog"></div> <div class="list"> <div class="list-item"> <div class="plp-ajax-filter-breadcrumbs"> <div class="filter-breadcrumbs"> <div class="list hide" data-block="filter-breadcrumbs" role="list"> <div class="list-item" data-property="filter-breadcrumb-clear" role="listitem"> <label class="filter-breadcrumb filter-breadcrumb-clear" data-trigger="filters-reset" data-property="prices,colors,sizes,inStore,sortBy,attrs,stores,brands"> <span>Clear All</span> </label> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-filters"> <span role="heading" aria-level="2" class="sr-only">Product List Filters</span> <a href="#plp-ajax-filter-skip" title="Skip to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#plp-ajax-filter-skip">Skip to end</a> <div class="list"> <div class="list-item"> <div class="plp-ajax-filter"> <div class="plp-ajax-filter-collapse"> <div class="filter-collapse" id="filter-collapse-0"> <div class="filter-collapse-heading" id="filter-collapse-heading-0"> <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-0" data-target="#filter-collapse-body-0" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-0"> <span class="label-span ">Designers</span> <div class="label-addon"> <span class="collapse-sign"> </span> </div> </button> </div> <div id="filter-collapse-body-0" class="filter-collapse-body collapse" role="tabpanel" aria-labelledby="filter-collapse-heading-0"> <div class="filter-collapse-content "> <div class="filter-nav-list clearfix"> <ul id="linklist-0" class=""> <li> <a href="2cute-prom"> <span class="filter-nav--text" data-autocomplete-value="2Cute Prom">2Cute Prom</span> </a> </li> <li> <a href="alyce-paris"> <span class="filter-nav--text" data-autocomplete-value="Alyce Paris Prom Dresses">Alyce Paris Prom Dresses</span> </a> </li> <li> <a href="colette-by-daphne-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Colette by Daphne">Colette by Daphne</span> </a> </li> <li> <a href="dave-johnny"> <span class="filter-nav--text" data-autocomplete-value="Dave &amp; Johnny Prom Dresses">Dave & Johnny Prom Dresses</span> </a> </li> <li> <a href="ellie-wilde"> <span class="filter-nav--text" data-autocomplete-value="Ellie Wilde">Ellie Wilde</span> </a> </li> <li> <a href="faviana"> <span class="filter-nav--text" data-autocomplete-value="Faviana Prom Dresses">Faviana Prom Dresses</span> </a> </li> <li> <a href="jasz-couture"> <span class="filter-nav--text" data-autocomplete-value="Jasz Couture Prom Dresses">Jasz Couture Prom Dresses</span> </a> </li> <li> <a href="jovani"> <span class="filter-nav--text" data-autocomplete-value="Jovani Prom Dresses">Jovani Prom Dresses</span> </a> </li> <li> <a href="jvn"> <span class="filter-nav--text" data-autocomplete-value="JVN">JVN</span> </a> </li> <li> <a href="nina-canacci"> <span class="filter-nav--text" data-autocomplete-value="Nina Canacci">Nina Canacci</span> </a> </li> <li> <a href="primavera-couture"> <span class="filter-nav--text" data-autocomplete-value="Primavera Couture">Primavera Couture</span> </a> </li> <li> <a href="sydney-s-prom"> <span class="filter-nav--text" data-autocomplete-value="Sydney&#x27;s Prom">Sydney's Prom</span> </a> </li> <li> <a href="temptation-dress"> <span class="filter-nav--text" data-autocomplete-value="Temptation Dress">Temptation Dress</span> </a> </li> <li> <a href="amarra"> <span class="filter-nav--text" data-autocomplete-value="Amarra">Amarra</span> </a> </li> <li> <a href="lucci-lu"> <span class="filter-nav--text" data-autocomplete-value="Lucci Lu">Lucci Lu</span> </a> </li> <li> <a href="tarik-ediz"> <span class="filter-nav--text" data-autocomplete-value="Tarik Ediz">Tarik Ediz</span> </a> </li> <li> <a href="cecilia-couture"> <span class="filter-nav--text" data-autocomplete-value="Cecilia Couture">Cecilia Couture</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-filter"> <div class="filter-nav-list clearfix"> <ul class="filter-label "> <li> <span>Shop by collection</span> <ul id="linklist-1" > <li> <a href="jessica-angel-prom-dresses/prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Shop Jessica Angel Prom Dresses Prom Dresses and Gowns">Shop Jessica Angel Prom Dresses Prom Dresses and Gowns</span> </a> </li> </ul> </li> </ul> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-filter"> <div class="plp-ajax-filter-collapse"> <div class="filter-collapse" id="filter-collapse-2"> <div class="filter-collapse-heading" id="filter-collapse-heading-2"> <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-2" data-target="#filter-collapse-body-2" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-2"> <span class="label-span ">Size</span> <div class="label-addon"> <span class="collapse-sign"> </span> </div> </button> <label role="button" class="filter-collapse-clear is-hidden" data-trigger="filter-reset" data-property="sizes"> <span>Clear Filter</span> </label> </div> <div id="filter-collapse-body-2" class="filter-collapse-body collapse" role="tabpanel" aria-labelledby="filter-collapse-heading-2"> <div class="filter-collapse-content "> <div class="filter-nav-list clearfix filter-checkbox-list filter-sizes-list filter-size-list" data-property=""> <ul id="checklist-2" class="check-list" > <li> <div class="v2-check"> <input id="sizes0-7898-2" name="sizes1" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="XXS" aria-label="size: XXS"> <label for="sizes0-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="XXS">XXS</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sizes1-7898-2" name="sizes2" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="XS" aria-label="size: XS"> <label for="sizes1-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="XS">XS</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sizes2-7898-2" name="sizes3" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="S" aria-label="size: S"> <label for="sizes2-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="S">S</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sizes3-7898-2" name="sizes4" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="M" aria-label="size: M"> <label for="sizes3-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="M">M</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sizes4-7898-2" name="sizes5" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="L" aria-label="size: L"> <label for="sizes4-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="L">L</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sizes5-7898-2" name="sizes6" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="XL" aria-label="size: XL"> <label for="sizes5-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="XL">XL</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sizes6-7898-2" name="sizes7" type="checkbox" data-plp-filter="sizes" data-signular-title="size" value="XXL" aria-label="size: XXL"> <label for="sizes6-7898-2" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="XXL">XXL</span> </label> </div> </li> </ul> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-filter"> <div class="plp-ajax-filter-collapse"> <div class="filter-collapse" id="filter-collapse-3"> <div class="filter-collapse-heading" id="filter-collapse-heading-3"> <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-3" data-target="#filter-collapse-body-3" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-3"> <span class="label-span ">Color</span> <div class="label-addon"> <span class="collapse-sign"> </span> </div> </button> <label role="button" class="filter-collapse-clear is-hidden" data-trigger="filter-reset" data-property="colors"> <span>Clear Filter</span> </label> </div> <div id="filter-collapse-body-3" class="filter-collapse-body collapse" role="tabpanel" aria-labelledby="filter-collapse-heading-3"> <div class="filter-collapse-content "> <div class="filter-color-list clearfix"> <div class="list" id="colorlist-3" > <div class="list-item"> <label class="color-input-v2"> <input id="colors0-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="black" aria-label="color: Black"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Black"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Black">Black</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors1-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="blue" aria-label="color: Blue"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Blue"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0000ff;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Blue">Blue</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors2-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="brown" aria-label="color: Brown"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Brown"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Brown">Brown</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors3-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="gold" aria-label="color: Gold"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Gold"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Gold">Gold</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors4-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="green" aria-label="color: Green"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Green"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00ff00;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Green">Green</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors5-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="multi" aria-label="color: Pink/Multi"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Multi"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fe4687;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Multi">Pink/Multi</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors6-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="orange" aria-label="color: Orange"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Orange"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Orange">Orange</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors7-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="pink" aria-label="color: Pink"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Pink"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff69b4;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Pink">Pink</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors8-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="purple" aria-label="color: Purple"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Purple"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Purple">Purple</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors9-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="red" aria-label="color: Red"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Red"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Red">Red</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors10-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="silver" aria-label="color: Silver"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Silver"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Silver">Silver</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors11-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="white" aria-label="color: White"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="White"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="White">White</span> </label> </div> <div class="list-item"> <label class="color-input-v2"> <input id="colors12-3" name="colors" type="checkbox" data-plp-filter="colors" data-signular-title="color" value="yellow" aria-label="color: Yellow"/> <span class="color-v2" data-property="product-color"><i class="color-v2--icon" data-layout-font="" title="Yellow"><svg height="1000" version="1.1" viewBox="0 0 1000 1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><g style="transform-origin: 50% 50%;"><polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon></g></svg></i></span> <span class="color-input-v2--text" data-autocomplete-value="Yellow">Yellow</span> </label> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-filter"> <div class="plp-ajax-filter-collapse"> <div class="filter-collapse" id="filter-collapse-4"> <div class="filter-collapse-heading" id="filter-collapse-heading-4"> <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-4" data-target="#filter-collapse-body-4" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-4"> <span class="label-span ">Price</span> <div class="label-addon"> <span class="collapse-sign"> </span> </div> </button> </div> <div id="filter-collapse-body-4" class="filter-collapse-body collapse" role="tabpanel" aria-labelledby="filter-collapse-heading-4"> <div class="filter-collapse-content "> <div class="v2-range" data-property="v2-range"> <input type="text" id="price-4" name="price" data-plp-filter="price" data-signular-title="price" data-from="375.00" data-to="925.00" data-min="375.00" data-max="925.00" v2-range-target aria-label="price: $375-$925"/> <input type="hidden" id="price-from-4" v2-range-from name="price-from" data-min="375.00" value="375.00" data-property="filter-price-from" aria-hidden="true"/> <input type="hidden" id="price-to-4" v2-range-to name="price-to" data-max="925.00" data-property="filter-price-to" value="925.00" aria-hidden="true"/> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-filter"> <div class="plp-ajax-filter-collapse"> <div class="filter-collapse" id="filter-collapse-5"> <div class="filter-collapse-heading" id="filter-collapse-heading-5"> <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-5" data-target="#filter-collapse-body-5" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-5"> <span class="label-span ">Categories</span> <div class="label-addon"> <span class="collapse-sign"> </span> </div> </button> </div> <div id="filter-collapse-body-5" class="filter-collapse-body collapse" role="tabpanel" aria-labelledby="filter-collapse-heading-5"> <div class="filter-collapse-content "> <div class="filter-nav-list clearfix" data-property="v2-scrollbar"> <ul id="linklist-5" class=""> <li> <a href="categories/prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Prom Dresses">Prom Dresses</span> </a> </li> <li> <a href="categories/corset-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Corset Prom Dresses">Corset Prom Dresses</span> </a> </li> <li> <a href="categories/lace-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Lace Prom Dresses">Lace Prom Dresses</span> </a> </li> <li> <a href="categories/mermaid-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Mermaid Prom Dresses">Mermaid Prom Dresses</span> </a> </li> <li> <a href="categories/off-the-shoulder-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Off-the-Shoulder Prom Dresses">Off-the-Shoulder Prom Dresses</span> </a> </li> <li> <a href="categories/pink-dresses"> <span class="filter-nav--text" data-autocomplete-value="Pink Prom Dresses">Pink Prom Dresses</span> </a> </li> <li> <a href="categories/popular-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Popular Prom Dresses">Popular Prom Dresses</span> </a> </li> <li> <a href="categories/prom-dress-trends-2024"> <span class="filter-nav--text" data-autocomplete-value="Prom Dress Trends 2024">Prom Dress Trends 2024</span> </a> </li> <li> <a href="categories/red-dresses"> <span class="filter-nav--text" data-autocomplete-value="Red Prom Dresses">Red Prom Dresses</span> </a> </li> <li> <a href="categories/sexy-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Sexy Prom Dresses">Sexy Prom Dresses</span> </a> </li> <li> <a href="categories/ball-gown-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Ball Gown Prom Dresses">Ball Gown Prom Dresses</span> </a> </li> <li> <a href="categories/simple-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Simple Prom Dresses">Simple Prom Dresses</span> </a> </li> <li> <a href="categories/classic-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Classic Prom Dresses">Classic Prom Dresses</span> </a> </li> <li> <a href="categories/elegant-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Elegant Prom Dresses">Elegant Prom Dresses</span> </a> </li> <li> <a href="categories/formal-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Formal Prom Dresses">Formal Prom Dresses</span> </a> </li> <li> <a href="categories/long-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Long Prom Dresses">Long Prom Dresses</span> </a> </li> <li> <a href="categories/low-neckline-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Low Neckline Prom Dresses">Low Neckline Prom Dresses</span> </a> </li> <li> <a href="categories/one-shoulder-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="One Shoulder Prom Dresses">One Shoulder Prom Dresses</span> </a> </li> <li> <a href="categories/feminine-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Feminine Prom Dresses">Feminine Prom Dresses</span> </a> </li> <li> <a href="categories/sequined-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Sequined Prom Dresses">Sequined Prom Dresses</span> </a> </li> <li> <a href="categories/sexy-back-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Sexy Back Prom Dresses">Sexy Back Prom Dresses</span> </a> </li> <li> <a href="categories/strapless-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Strapless Prom Dresses">Strapless Prom Dresses</span> </a> </li> <li> <a href="categories/informal-bridal"> <span class="filter-nav--text" data-autocomplete-value="Informal Bridal">Informal Bridal</span> </a> </li> <li> <a href="categories/wedding-guest-dresses"> <span class="filter-nav--text" data-autocomplete-value="Wedding Guest Dresses">Wedding Guest Dresses</span> </a> </li> <li> <a href="categories/military-ball-dresses"> <span class="filter-nav--text" data-autocomplete-value="Military Ball Dresses">Military Ball Dresses</span> </a> </li> <li> <a href="categories/sweet-16-dresses"> <span class="filter-nav--text" data-autocomplete-value="Sweet 16 Dresses">Sweet 16 Dresses</span> </a> </li> <li> <a href="categories/unique-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="Unique Prom Dresses">Unique Prom Dresses</span> </a> </li> <li> <a href="categories/a-line-prom-dresses"> <span class="filter-nav--text" data-autocomplete-value="A Line Prom Dresses">A Line Prom Dresses</span> </a> </li> <li> <a href="categories/prom-dresses-under-300"> <span class="filter-nav--text" data-autocomplete-value="Prom Dresses under $300">Prom Dresses under $300</span> </a> </li> <li> <a href="categories/prom-dresses-under-400"> <span class="filter-nav--text" data-autocomplete-value="Prom Dresses under $400">Prom Dresses under $400</span> </a> </li> <li> <a href="categories/black-dresses"> <span class="filter-nav--text" data-autocomplete-value="Black Prom Dresses">Black Prom Dresses</span> </a> </li> <li> <a href="categories/blue-dresses"> <span class="filter-nav--text" data-autocomplete-value="Blue Prom Dresses">Blue Prom Dresses</span> </a> </li> <li> <a href="categories/gold-dresses"> <span class="filter-nav--text" data-autocomplete-value="Gold Prom Dresses">Gold Prom Dresses</span> </a> </li> <li> <a href="categories/green-dresses"> <span class="filter-nav--text" data-autocomplete-value="Green Prom Dresses">Green Prom Dresses</span> </a> </li> <li> <a href="categories/purple-dresses"> <span class="filter-nav--text" data-autocomplete-value="Purple Prom Dresses">Purple Prom Dresses</span> </a> </li> <li> <a href="categories/silver-dresses"> <span class="filter-nav--text" data-autocomplete-value="Silver Prom Dresses">Silver Prom Dresses</span> </a> </li> <li> <a href="categories/yellow-dresses"> <span class="filter-nav--text" data-autocomplete-value="Yellow Prom Dresses">Yellow Prom Dresses</span> </a> </li> <li> <a href="categories/white-dresses"> <span class="filter-nav--text" data-autocomplete-value="White Prom Dresses">White Prom Dresses</span> </a> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div id="plp-ajax-filter-skip" class="sr-only" tabindex="-1">Product List Filters End</div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="content-bio"> <div class="list"> <div class="list-item"> <div class="plp-ajax-showcase"> <div class="showcase"> <div class="list"> <div class="list-item"> <div class="showcase-brief"> <div class="showcase-title brief-block" style=""> <h1>Jessica Angel Prom Dresses</h1> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-actions"> <div class="list"> <div class="list-item hidden-gt-sm"> <div class="plp-ajax-action plp-ajax-filter-mobile"> <div class="filter-dropdown"> <span role="button" class="filter-dropdown-label filter-mobile-call" toggle-popup="#plp-filter" tabindex="0" aria-haspopup="true" aria-label="Toggle Filters dialog"> <span>Filter By</span> <i class="icon-syvo icon-caret-right" aria-hidden="true"></i> </span> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-action plp-ajax-dropdowns"> <div class="filter-dropdowns"> <div class="list"> <div class="list-item"> <div class="dropdown filter-dropdown"> <span role="button" class="filter-dropdown-label " data-toggle="dropdown" tabindex="0" aria-haspopup="true" aria-expanded="false" aria-label="Toggle Sort By dialog"> <span data-plp-dropdown="dest">Sort By</span> <i class="icon-syvo icon-caret-bottom" aria-hidden="true"></i> <span class="collapse-sign hidden-gt-sm" aria-hidden="true"></span> </span> <div class="dropdown-menu dropdown-menu-right filter-dropdown-menu clickable" role="dialog" aria-label="Sort By dialog"> <div class="filter-dropdown-content "> <div class="filter-nav-list clearfix filter-checkbox-list filter-sortby-list" data-property=""> <ul id="checklist-1" class="brands-list" > <li> <div class="v2-check"> <input id="sortby0-1574-1" name="sortby" type="radio" checked="checked" data-plp-filter="sortby" data-signular-title="Sort By" value="bestmatch" aria-label="Sort By: Best Match"> <label for="sortby0-1574-1" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="Best Match">Best Match</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sortby1-1574-1" name="sortby" type="radio" data-plp-filter="sortby" data-signular-title="Sort By" value="priceup" aria-label="Sort By: Price Low to High"> <label for="sortby1-1574-1" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="Price Low to High">Price Low to High</span> </label> </div> </li> <li> <div class="v2-check"> <input id="sortby2-1574-1" name="sortby" type="radio" data-plp-filter="sortby" data-signular-title="Sort By" value="pricedown" aria-label="Sort By: Price High To Low"> <label for="sortby2-1574-1" class="v2-control"> <span class="sign"></span> <span class="v2-control--text" data-autocomplete-value="Price High To Low">Price High To Low</span> </label> </div> </li> </ul> </div> </div> <span class="sr-only sr-only-focusable close-dropdown" role="button" tabindex="0">Close Sort By dialog</span> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-action plp-ajax-layout-controls clearfix"> <div class="control-panel layout-controls"> <div class="list" role="list" aria-label="Layout Controls"> <div class="list-item" role="listitem"> <a href="." class="theme-typo layout-control control" data-layout-col="1" role="button" aria-label="Switch layout to 1 columns"> <i class="icon-syvo icon-layout-col-1" aria-hidden="true"></i> </a> </div> <div class="list-item" role="listitem"> <a href="." class="theme-typo layout-control control" data-layout-col="2" role="button" aria-label="Switch layout to 2 columns"> <i class="icon-syvo icon-layout-col-2" aria-hidden="true"></i> </a> </div> <div class="list-item" role="listitem"> <a href="." class="theme-typo layout-control control" data-layout-col="3" role="button" aria-label="Switch layout to 3 columns"> <i class="icon-syvo icon-layout-col-3" aria-hidden="true"></i> </a> </div> <div class="list-item" role="listitem"> <a href="." class="theme-typo layout-control control active" data-layout-col="4" role="button" aria-label="Switch layout to 4 columns"> <i class="icon-syvo icon-layout-col-4" aria-hidden="true"></i> </a> </div> </div> </div> </div> </div> </div> </div> </div> <div class="list-item"> <div class="plp-ajax-listing"> <div class="product-list " aria-label="Product List" data-property="product-list"> <div class="list" data-list="products"> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="27823"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/947" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #947"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/8909/947/947__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #947 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/8909/947/947__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #947"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #947</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$445.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-1ea26f17dc-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-1ea26f17dc-skip"> Skip Color List #1ea26f17dc to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-1ea26f17dc-skip" class="sr-only" tabindex="-1"> Color List #1ea26f17dc End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32311"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/758" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #758"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/758/758__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #758 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/758/758__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #758"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #758</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-7bd6bca1a9-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-7bd6bca1a9-skip"> Skip Color List #7bd6bca1a9 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-7bd6bca1a9-skip" class="sr-only" tabindex="-1"> Color List #7bd6bca1a9 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32180"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/352" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #352"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/352/352__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #352 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/352/352__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #352"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #352</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$400.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-b25734f973-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-b25734f973-skip"> Skip Color List #b25734f973 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-b25734f973-skip" class="sr-only" tabindex="-1"> Color List #b25734f973 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32197"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/378" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #378"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/378/378__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #378 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/378/378__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #378"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #378</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-21626a77a6-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-21626a77a6-skip"> Skip Color List #21626a77a6 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-21626a77a6-skip" class="sr-only" tabindex="-1"> Color List #21626a77a6 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32092"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/2407" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #2407"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/2407/2407__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #2407 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/2407/2407__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #2407"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #2407</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$470.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-0c3985b011-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-0c3985b011-skip"> Skip Color List #0c3985b011 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-0c3985b011-skip" class="sr-only" tabindex="-1"> Color List #0c3985b011 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32298"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/728" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #728"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/728/728__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #728 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/728/728__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #728"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #728</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-921d7dcbbf-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-921d7dcbbf-skip"> Skip Color List #921d7dcbbf to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-921d7dcbbf-skip" class="sr-only" tabindex="-1"> Color List #921d7dcbbf End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="27776"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/2307" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #2307"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/8909/2307/2307__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #2307 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/8909/2307/2307__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #2307"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #2307</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-e8fafd20a2-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-e8fafd20a2-skip"> Skip Color List #e8fafd20a2 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-e8fafd20a2-skip" class="sr-only" tabindex="-1"> Color List #e8fafd20a2 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32108"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/2424" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #2424"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/2424/2424__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #2424 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/2424/2424__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #2424"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #2424</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$445.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-1fa4f6943d-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-1fa4f6943d-skip"> Skip Color List #1fa4f6943d to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-1fa4f6943d-skip" class="sr-only" tabindex="-1"> Color List #1fa4f6943d End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32225"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/507" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #507"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/507/507__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #507 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/507/507__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #507"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #507</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-9c7637ef52-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-9c7637ef52-skip"> Skip Color List #9c7637ef52 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-9c7637ef52-skip" class="sr-only" tabindex="-1"> Color List #9c7637ef52 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32100"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/2415" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #2415"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/2415/2415__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #2415 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/2415/2415__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #2415"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #2415</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-d8121a29a8-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-d8121a29a8-skip"> Skip Color List #d8121a29a8 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-d8121a29a8-skip" class="sr-only" tabindex="-1"> Color List #d8121a29a8 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="27807"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/2375" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #2375"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/8909/2375/2375__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #2375 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/8909/2375/2375__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #2375"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #2375</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$575.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-42c8623c87-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-42c8623c87-skip"> Skip Color List #42c8623c87 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-42c8623c87-skip" class="sr-only" tabindex="-1"> Color List #42c8623c87 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32278"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/636" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #636"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/636/636__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #636 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/636/636__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #636"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #636</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-3108c7d987-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-3108c7d987-skip"> Skip Color List #3108c7d987 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-3108c7d987-skip" class="sr-only" tabindex="-1"> Color List #3108c7d987 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32357"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/813" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #813"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/813/813__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #813 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/813/813__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #813"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #813</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-59d34a858e-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-59d34a858e-skip"> Skip Color List #59d34a858e to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-59d34a858e-skip" class="sr-only" tabindex="-1"> Color List #59d34a858e End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="27790"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/2347" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #2347"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/8909/2347/2347__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #2347 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/8909/2347/2347__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #2347"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #2347</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$445.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-4b809637b8-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-4b809637b8-skip"> Skip Color List #4b809637b8 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-4b809637b8-skip" class="sr-only" tabindex="-1"> Color List #4b809637b8 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32387"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/858" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #858"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/858/858__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #858 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/858/858__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #858"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #858</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-779e0867d0-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-779e0867d0-skip"> Skip Color List #779e0867d0 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-779e0867d0-skip" class="sr-only" tabindex="-1"> Color List #779e0867d0 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32416"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/910" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #910"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/910/910__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #910 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/910/910__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #910"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #910</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$445.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-a1ab53754b-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-a1ab53754b-skip"> Skip Color List #a1ab53754b to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac/Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hot Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF0080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold/Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC9900;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #82CE09;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #9EC6F7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver/White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FFFFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rey"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #14574D;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rey"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #14574D;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #CC9900;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Green/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #019002;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red/Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rainbow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #015C9E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Pink/White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FFFFFF;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF4787;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac/Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #421C52;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver/Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #c0c0c0;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #82CE09;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia/Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff00ff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blue/Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0000FF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade/Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange/Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #002366;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Metal/Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #a5a4a8;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy/Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral/Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF5F69;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #F97834;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver/Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #c0c0c0;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-a1ab53754b-skip" class="sr-only" tabindex="-1"> Color List #a1ab53754b End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32177"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/347" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #347"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/347/347__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #347 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/347/347__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #347"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #347</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-049025af66-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-049025af66-skip"> Skip Color List #049025af66 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-049025af66-skip" class="sr-only" tabindex="-1"> Color List #049025af66 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32053"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/109" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #109"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/109/109__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #109 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/109/109__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #109"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #109</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$445.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-609cf4dfa4-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-609cf4dfa4-skip"> Skip Color List #609cf4dfa4 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Tiffany Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #60DFE6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-609cf4dfa4-skip" class="sr-only" tabindex="-1"> Color List #609cf4dfa4 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32054"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/110" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #110"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/110/110__b.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #110 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/110/110__b.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #110"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #110</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-28303388b3-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-28303388b3-skip"> Skip Color List #28303388b3 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00ff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold/Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #CC9900;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Azul"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #0000FF;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Azul"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #0000FF;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #019002;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Pink/Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF4787;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rust"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A33921;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Pink/Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF4787;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #0000FF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-28303388b3-skip" class="sr-only" tabindex="-1"> Color List #28303388b3 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32058"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/199" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #199"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/199/199__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #199 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/199/199__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #199"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #199</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-c63aff4324-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-c63aff4324-skip"> Skip Color List #c63aff4324 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Tiffany Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #60DFE6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-c63aff4324-skip" class="sr-only" tabindex="-1"> Color List #c63aff4324 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32060"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/210" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #210"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/210/210__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #210 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/210/210__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #210"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #210</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-158cf2d0c0-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-158cf2d0c0-skip"> Skip Color List #158cf2d0c0 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00ff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold/Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #CC9900;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Azul"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #0000FF;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Azul"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #0000FF;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #019002;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Pink/Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF4787;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #C9C9C9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rust"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A33921;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Pink/Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #FF4787;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #0000FF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia/Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; transform: rotate(-90deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #000000;"></polygon> </g> <g style="transform-origin: 50% 50%; transform: rotate(-270deg);"> <polygon points="-207.10678118654744,-207.10678118654744 1207.1067811865473,-207.10678118654744 1207.1067811865473,500 -207.10678118654744,500" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-158cf2d0c0-skip" class="sr-only" tabindex="-1"> Color List #158cf2d0c0 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32061"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/222" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #222"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/222/222__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #222 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/222/222__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #222"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #222</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-4a415952df-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-4a415952df-skip"> Skip Color List #4a415952df to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-4a415952df-skip" class="sr-only" tabindex="-1"> Color List #4a415952df End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32152"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/303" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #303"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/303/303__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #303 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/303/303__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #303"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #303</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-181bf58798-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-181bf58798-skip"> Skip Color List #181bf58798 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-181bf58798-skip" class="sr-only" tabindex="-1"> Color List #181bf58798 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32153"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/305" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #305"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/305/305__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #305 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/305/305__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #305"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #305</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-b762be6162-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-b762be6162-skip"> Skip Color List #b762be6162 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-b762be6162-skip" class="sr-only" tabindex="-1"> Color List #b762be6162 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32156"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/308" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #308"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/308/308__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #308 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/308/308__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #308"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #308</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-3754bacff0-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-3754bacff0-skip"> Skip Color List #3754bacff0 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-3754bacff0-skip" class="sr-only" tabindex="-1"> Color List #3754bacff0 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32158"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/314" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #314"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/314/314__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #314 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/314/314__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #314"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #314</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-89f6fba419-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-89f6fba419-skip"> Skip Color List #89f6fba419 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-89f6fba419-skip" class="sr-only" tabindex="-1"> Color List #89f6fba419 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32165"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/328" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #328"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/328/328__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #328 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/328/328__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #328"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #328</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-872ab040e7-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-872ab040e7-skip"> Skip Color List #872ab040e7 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-872ab040e7-skip" class="sr-only" tabindex="-1"> Color List #872ab040e7 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32166"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/332" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #332"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/332/332__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #332 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/332/332__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #332"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #332</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-f8890cd505-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-f8890cd505-skip"> Skip Color List #f8890cd505 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-f8890cd505-skip" class="sr-only" tabindex="-1"> Color List #f8890cd505 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32169"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/337" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #337"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/337/337__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #337 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/337/337__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #337"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #337</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-1fec93198d-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-1fec93198d-skip"> Skip Color List #1fec93198d to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-1fec93198d-skip" class="sr-only" tabindex="-1"> Color List #1fec93198d End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32170"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/338" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #338"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/338/338__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #338 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/338/338__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #338"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #338</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-7bece109af-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-7bece109af-skip"> Skip Color List #7bece109af to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-7bece109af-skip" class="sr-only" tabindex="-1"> Color List #7bece109af End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32171"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/338n" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #338N"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/338n/338n__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #338N Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/338n/338n__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #338N"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #338N</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-3ab4d03cce-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-3ab4d03cce-skip"> Skip Color List #3ab4d03cce to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-3ab4d03cce-skip" class="sr-only" tabindex="-1"> Color List #3ab4d03cce End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32172"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/339" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #339"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/339/339__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #339 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/339/339__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #339"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #339</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-8e33016b53-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-8e33016b53-skip"> Skip Color List #8e33016b53 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-8e33016b53-skip" class="sr-only" tabindex="-1"> Color List #8e33016b53 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32173"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/341" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #341"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/341/341__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #341 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/341/341__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #341"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #341</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-b4fb5cb1ea-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-b4fb5cb1ea-skip"> Skip Color List #b4fb5cb1ea to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-b4fb5cb1ea-skip" class="sr-only" tabindex="-1"> Color List #b4fb5cb1ea End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32174"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/343" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #343"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/343/343__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #343 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/343/343__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #343"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #343</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-64a0473288-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-64a0473288-skip"> Skip Color List #64a0473288 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-64a0473288-skip" class="sr-only" tabindex="-1"> Color List #64a0473288 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32176"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/345" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #345"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/345/345__f_2.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #345 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/345/345__f_2.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #345"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #345</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-426b9fd9b6-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-426b9fd9b6-skip"> Skip Color List #426b9fd9b6 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-426b9fd9b6-skip" class="sr-only" tabindex="-1"> Color List #426b9fd9b6 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32178"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/347l" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #347L"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/347l/347l__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #347L Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/347l/347l__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #347L"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #347L</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-d53db2c353-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-d53db2c353-skip"> Skip Color List #d53db2c353 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rust"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A33921;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Denim"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #273A58;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Indie Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c10037;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve Pale"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c7b4b2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve LT"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f8bbc8;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-d53db2c353-skip" class="sr-only" tabindex="-1"> Color List #d53db2c353 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32182"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/355" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #355"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/355/355__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #355 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/355/355__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #355"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #355</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-f5e2fdec08-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-f5e2fdec08-skip"> Skip Color List #f5e2fdec08 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-f5e2fdec08-skip" class="sr-only" tabindex="-1"> Color List #f5e2fdec08 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32183"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/356" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #356"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/356/356__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #356 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/356/356__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #356"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #356</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-c91f80c457-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-c91f80c457-skip"> Skip Color List #c91f80c457 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-c91f80c457-skip" class="sr-only" tabindex="-1"> Color List #c91f80c457 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32184"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/357" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #357"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/357/357__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #357 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/357/357__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #357"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #357</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-481d5c0ee5-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-481d5c0ee5-skip"> Skip Color List #481d5c0ee5 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-481d5c0ee5-skip" class="sr-only" tabindex="-1"> Color List #481d5c0ee5 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32185"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/358" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #358"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/358/358__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #358 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/358/358__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #358"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #358</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$445.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-049e751359-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-049e751359-skip"> Skip Color List #049e751359 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-049e751359-skip" class="sr-only" tabindex="-1"> Color List #049e751359 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32189"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/363" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #363"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/363/363__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #363 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/363/363__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #363"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #363</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-505a94bf56-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-505a94bf56-skip"> Skip Color List #505a94bf56 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-505a94bf56-skip" class="sr-only" tabindex="-1"> Color List #505a94bf56 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32190"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/364" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #364"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/364/364__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #364 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/364/364__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #364"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #364</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-840305cc79-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-840305cc79-skip"> Skip Color List #840305cc79 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-840305cc79-skip" class="sr-only" tabindex="-1"> Color List #840305cc79 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32191"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/366" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #366"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/366/366__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #366 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/366/366__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #366"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #366</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-25048bed81-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-25048bed81-skip"> Skip Color List #25048bed81 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-25048bed81-skip" class="sr-only" tabindex="-1"> Color List #25048bed81 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32193"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/370" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #370"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/370/370__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #370 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/370/370__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #370"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #370</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-9d13e2ba49-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-9d13e2ba49-skip"> Skip Color List #9d13e2ba49 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-9d13e2ba49-skip" class="sr-only" tabindex="-1"> Color List #9d13e2ba49 End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32196"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/374" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #374"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/374/374__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #374 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/374/374__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #374"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #374</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$375.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-42a612955d-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-42a612955d-skip"> Skip Color List #42a612955d to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-42a612955d-skip" class="sr-only" tabindex="-1"> Color List #42a612955d End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32198"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/379" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #379"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/379/379__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #379 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/379/379__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #379"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #379</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-18bc26821c-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-18bc26821c-skip"> Skip Color List #18bc26821c to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-18bc26821c-skip" class="sr-only" tabindex="-1"> Color List #18bc26821c End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32199"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/381" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #381"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/381/381__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #381 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/381/381__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #381"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #381</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$475.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-91dbd59eaf-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-91dbd59eaf-skip"> Skip Color List #91dbd59eaf to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-91dbd59eaf-skip" class="sr-only" tabindex="-1"> Color List #91dbd59eaf End </div> </div> </div> </div> </div> </div> <div class="list-item" data-layout-width> <div class="product" data-property="parent" data-product-id="32200"> <div class="product-images"> <a href="/jessica-angel-prom-dresses/2024/383" class="product-images a-block" data-link="product-images" aria-label="Jessica Angel Prom Dresses Style #383"> <div class="product-images--list list" data-list="images"> <div class="list-item"> <div class="product-image product-image-default has-background" data-img="default" style="background-image: url(&#x27;https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/383/383__d_f.740.webp&#x27;)" data-related-image="false"><img alt="Jessica Angel Prom Dresses Style #383 Default Thumbnail Image" height="1151" src="https://dy9ihb9itgy3g.cloudfront.net/products/$uploads/products/10187/383/383__d_f.740.webp" width="740" /></div> </div> </div> </a> </div> <div class="descriptions"> <div class="description description-title"> <div class="product-title"> <div class="title title-small" title="Jessica Angel Prom Dresses Style #383"> <h4 role="presentation" aria-level="4"> <span data-layout-font>Jessica Angel Prom Dresses</span> </h4> <h5 role="presentation" aria-level="5"> <span data-layout-font>Style #383</span> </h5> </div> </div> </div> <div class="description description-options"> <div class="prices"> <div class="list"> <div class="list-item"> <p class="price"> <span data-layout-font data-property="price">$415.00</span> </p> </div> </div> </div> </div> <div class="description description-options"> <div class="colors"> <a href="#color-list-e2558b97a0-skip" title="Skip Color List to end" class="sr-only sr-only-focusable" data-trigger="scroll-to" data-target="#color-list-e2558b97a0-skip"> Skip Color List #e2558b97a0 to end </a> <div class="list" data-list="colors"> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Black"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #000000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Brown"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #f4a460;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffd700;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffa500;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #800080;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c0c0c0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="White"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffffff;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffff00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee028a;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cobalt"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0047AB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sky Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACD3DA;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blush"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9DDD2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF5F69;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Eggplant"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4F2F4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Teal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #008081;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #091E4A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #85D9BF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FDECF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Magenta"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5006C;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #0016d0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Champagne"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F7E7CE;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ivory"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F5F0ED;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Burgundy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #580322;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #40E0D0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Charcoal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3A3B36;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Coral"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F6D9C7;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5C19E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2F1F9;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Agua"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00FFFF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Jade"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #00A86B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Violet"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #785CB4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Sangria"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #952966;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E7CEF2;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Peach"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #fadbcc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Plum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #5F3E56;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Nude"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F9E9DC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #D5BDE4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Hunter"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #20694E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C27CD5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Olive"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #464D1A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mauve"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C19798;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Salmon"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #F26C4F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FB61CF;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFFDD0;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4D0D1B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #89D2D3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Mint"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #E3F4EC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cerise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC3B83;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Seafoam"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #62B7CB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #A5A7A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Antique"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B1830A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Turquoise"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #1A4C6A;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lipstick"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #EC2327;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DBF5B1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #191970;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70787F;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Lime"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C2FF42;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bubblegum"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFC1CC;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FF7F00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Fuchsia"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CC0061;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Gold"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BBA08B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Copper"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #B87333;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FD6A02;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kelly"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4CBB17;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Beet Red"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #954C67;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Kiwi"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #97C033;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Mustard"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FAC953;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Silver"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #695F60;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Purple"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BF94E4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Neon Yellow"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #CCFF00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toffee"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #BC8E75;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Celery"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C4EEAD;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Lavender"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DACBF4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #173780;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Royal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #3938F5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Beige"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #8F615E;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cardinal"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #827E7B;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Navy"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #86A8C1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Natural"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ebd1c1;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Blossom"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #FFB7C5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Bright Green"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #AEDB61;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Aquarella"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ACA4B3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Toasted Nut"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DCC6A6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rosy Cheeks"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #C0A1A5;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Ash Rose"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #DFCFCB;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Classic Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #34558b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Earth"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #70483c;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Light Titanium"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a5a3;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Rose Dawn"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2877b;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Coral Cloud"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e3aca4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Adobe"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff0000;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Texas Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c65200;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Orange"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ff8c00;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Perry"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6aadb6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Dark Neon Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ee4aaf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Medium Pink"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #ffc0cb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Serpent"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #4bc7cf;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Cold Blue"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #88c7dc;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Copen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #c2ccc4;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lavender Mist"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #e6e6fa;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Lilac 2"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #a6a3b6;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Orchid Smoke"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cac9cd;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Purple B"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #cb5ccb;"></polygon> </g> </svg> </div> </div> </span> </div> <div class="list-item"> <span class="color" data-property="product-color"> <div class="canvas"> <div data-layout-font class="square" title="Linchen"> <svg version="1.1" viewBox="0 0 1000 1000" height="1000" width="1000" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> <g style="transform-origin: 50% 50%; "> <polygon points="-207.10678118654744,-207.10678118654744 -207.10678118654744,1207.1067811865473 1207.1067811865473,1207.1067811865473 1207.1067811865473,-207.10678118654744" style="fill: #6c887c;"></polygon> </g> </svg> </div> </div> </span> </div> </div> <div id="color-list-e2558b97a0-skip" class="sr-only" tabindex="-1"> Color List #e2558b97a0 End </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <section class="section-pagination section-article section-inner"> <div class="container"> <div class="row"> <div class="pagination-links"> <ul data-pagination-list> <li> <a class="h6 pagination-link pagination-action pagination-arrow pagination-arrow-prev invisible" data-pagination-page="" data-pagination-action="prev" aria-label="Prev Page"> <i class="icon-syvo icon-caret-left" aria-hidden="true"></i> </a> </li> <li> <span class="h6 pagination-link pagination-link-current" data-pagination-page="1" aria-label="Current Page"> <span>1</span> </span> </li> <li> <a href="/jessica-angel-prom-dresses?page=2" class="h6 pagination-link pagination-action" data-pagination-page="2" aria-label="Page 2"> <span>2</span> </a> </li> <li> <a href="/jessica-angel-prom-dresses?page=3" class="h6 pagination-link pagination-action" data-pagination-page="3" aria-label="Page 3"> <span>3</span> </a> </li> <li> <a href="/jessica-angel-prom-dresses?page=4" class="h6 pagination-link pagination-action" data-pagination-page="4" aria-label="Page 4"> <span>4</span> </a> </li> <li> <a href="/jessica-angel-prom-dresses?page=5" class="h6 pagination-link pagination-action" data-pagination-page="5"> <span>...</span> </a> </li> <li> <a href="/jessica-angel-prom-dresses?page=7" class="h6 pagination-link pagination-action" data-pagination-page="7" aria-label="Page 7"> <span>7</span> </a> </li> <li> <a href="/jessica-angel-prom-dresses?page=2" class="h6 pagination-link pagination-action pagination-arrow pagination-arrow-next " data-pagination-page="2" data-pagination-action="next" aria-label="Next Page"> <i class="icon-syvo icon-caret-right" aria-hidden="true"></i> </a> </li> </ul> </div> </div> </div> </section> </div> </div> <div class="ending-block"> <div class="prefooter"> <div class="container"> <div class="row"> <div class="prefooter-blocks"> <div class="list"> <div class="list-item"> <a href="/" class="prefooter-block footer-style prefooter-logo" aria-label="Golden Asp"> <img src="logos/main-logo?v=b0163287-61a3-a51d-4217-d2eaf78e818c" alt="Golden Asp" /> </a> <div class="prefooter-block footer-style prefooter-social"> <div class="social-networks"> <ul> <li> <a href="https://www.facebook.com/goldenasp" target="_blank" aria-label="Facebook Profile"> <i class="fa fa-facebook" aria-hidden="true"> </i> </a> </li> <li> <a href="https://www.instagram.com/goldenasp/" target="_blank" aria-label="Instagram Profile"> <i class="fa fa-instagram" aria-hidden="true"> </i> </a> </li> <li> <a href="https://www.pinterest.com/goldenasp/" target="_blank" aria-label="Pinterest Profile"> <i class="fa fa-pinterest-p" aria-hidden="true"> </i> </a> </li> </ul> </div> </div> </div> <div class="list-item"> <div class="prefooter-block footer-style prefooter-subscribe"> <div class="list"> <div class="list-item"> <h5>Be In The Know</h5> <p> Get special offers and more. </p> </div> <div class="list-item"> <div class="subscribe iblock-fix"> <form data-form="subscribe" novalidate="novalidate" aria-label="Subscribe form" > <div class="block-row"> <input type="email" name="email" placeholder="E-Mail Address" autocomplete="off" data-input="subscribe" data-rule-email="true" aria-label="E-Mail Address"/> <button type="submit" data-trigger="subscribe" aria-label="Subscribe Button"> <i class="icomoon icomoon-message" aria-hidden="true"></i> </button> <label class="success" data-msg="subscribe"> Thank you for signing up! </label> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <footer class="footer"> <div class="container"> <div class="row"> <div class="footer-groups"> <div class="list"> <div class="list-item"> <div class="footer-group footer-style"> <h5>Quick Links </h5> <ul> <li> <a href=".">Home </a> </li> <li> <a href="contact-us">About </a> </li> <li> <a href="collections/prom">Prom </a> </li> <li> <a href="search">Dresses </a> </li> <li> <a href="lookbooks">Shop By Style </a> </li> <li> <a href="blog">Blog </a> </li> </ul> </div> </div> <div class="list-item hours"> <div class="footer-group footer-style"> <h5>Hours </h5> <p> <b>BY APPOINTMENT ONLY</b> <br>Monday-Wednesday 4:00-8:00 PM <br>Thursday and Friday CLOSED <br>Saturday 10:00 AM-5:00 PM <br>Sunday 10:00 AM-4:00 PM<br> <br>Easter Hours 2024 <br><b>CLOSED March 28, 29, 30, 31, April 1</b><br> <br><b><a href="appointments">Shop online 24/7!</a></b> </p> </div> </div> <div class="list-item"> <div class="footer-group footer-style"> <h5>Help </h5> <ul> <li> <a href="faq">FAQs </a> </li> <li> <a href="shipping">Shipping </a> </li> <li> <a href="returns">Returns </a> </li> <li> <a href="international-orders">International Orders </a> </li> <li> <a href="terms">Terms & Conditions </a> </li> <li> <a href="privacy">Privacy Policy </a> </li> <li> <a href="contact-us">Contact Us </a> </li> <li> <a href="accessibility-statement">Accessibility Statement </a> </li> </ul> </div> </div> <div class="list-item"> <div class="footer-group footer-style"> <h5>Visit Us </h5> <ul> <li> <a href="https://goo.gl/maps/vgBfmvRpLS82"target= |
| 6 |
Error
On line 19, column 124 ml"> <link href="https://fonts.googleapis.com/css?family=Raleway:400,400i,500,600,700|Roboto+Condensed:400,700" rel="stylesheet"> |
| 7 |
Error
On line 49, column 2 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=439301502943162&ev=PageView&noscript=1" /></nosc |
| 8 |
Error
On line 357, column 34 avbar"> <span class="close-navbar" data-toggle="collapse" data-target="#main-navbar" aria-haspopup="false" aria-expanded="false" aria-hidden="true" aria-label="Close Navbar"> </s |
| 9 |
Info
On line 357, column 34 avbar"> <span class="close-navbar" data-toggle="collapse" data-target="#main-navbar" aria-haspopup="false" aria-expanded="false" aria-hidden="true" aria-label="Close Navbar"> </s |
| 10 |
Error
On line 389, column 110 <input type="checkbox" color: #ffff80;">autocomplete="off" data-trigger="menu-opener" aria-label="Open Prom Submenu"> |
| 11 |
Error
On line 438, column 116 <input type="checkbox" color: #ffff80;">autocomplete="off" data-trigger="menu-opener" aria-label="Open Prom by color Menu"> |
| 12 |
Error
On line 664, column 128 <input type="checkbox" color: #ffff80;">autocomplete="off" data-trigger="menu-opener" aria-label="Open Low Neckline Prom Dresses Menu"> |
| 13 |
Error
On line 955, column 109 <input type="checkbox" color: #ffff80;">autocomplete="off" data-trigger="menu-opener" aria-label="Open Jovani Menu"> |
| 14 |
Error
On line 1066, column 155 div> <div class="main-navbar-extended-overlay" data-toggle="collapse" data-target="#main-navbar" aria-haspopup="false" aria-expanded="false" aria-hidden="true"></div> |
| 15 |
Error
On line 1095, column 48 > <div role="button" class="plp-ajax-content-filters-blocker hidden-gt-sm" toggle-popup="#plp-filter" tabindex="0" aria-label="Toggle Filters dialog"></div> |
| 16 |
Info
On line 1138, column 63 <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-0" data-target="#filter-collapse-body-0" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-0"> |
| 17 |
Error
On line 1140, column 45 <div class="label-addon"> |
| 18 |
Info
On line 1301, column 63 <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-2" data-target="#filter-collapse-body-2" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-2"> |
| 19 |
Error
On line 1303, column 45 <div class="label-addon"> |
| 20 |
Error
On line 1310, column 49 <label role="button" class="filter-collapse-clear is-hidden" data-trigger="filter-reset" data-property="sizes"> |
| 21 |
Info
On line 1444, column 63 <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-3" data-target="#filter-collapse-body-3" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-3"> |
| 22 |
Error
On line 1446, column 45 <div class="label-addon"> |
| 23 |
Error
On line 1453, column 50 <label role="button" class="filter-collapse-clear is-hidden" data-trigger="filter-reset" data-property="colors"> |
| 24 |
Info
On line 1671, column 63 <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-4" data-target="#filter-collapse-body-4" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-4"> |
| 25 |
Error
On line 1673, column 45 <div class="label-addon"> |
| 26 |
Error
On line 1696, column 42 nge"> <input type="text" id="price-4" name="price" data-plp-filter="price" data-signular-title="price" data-from="375.00" data-to="925.00" data-min="375.00" data-max="925.00" v2-range-target aria-label="price: $375-$925"/> |
| 27 |
Error
On line 1705, column 31 5"/> <input type="hidden" id="price-from-4" v2-range-from name="price-from" data-min="375.00" value="375.00" data-property="filter-price-from" aria-hidden="true"/> |
| 28 |
Error
On line 1714, column 31 e"/> <input type="hidden" id="price-to-4" v2-range-to name="price-to" data-max="925.00" data-property="filter-price-to" value="925.00" aria-hidden="true"/> </div |
| 29 |
Info
On line 1738, column 63 <button role="button" type="button" data-toggle="collapse" data-parent="#filter-collapse-5" data-target="#filter-collapse-body-5" class="filter-label collapsed" aria-expanded="false" aria-controls="filter-collapse-body-5"> |
| 30 |
Error
On line 1740, column 45 <div class="label-addon"> |
| 31 |
Error
On line 2000, column 73 <span role="button" class="filter-dropdown-label filter-mobile-call" <span style="background-color: #ffff80;">toggle-popupspan>="#plp-filter" tabindex="0" aria-haspopup="true" aria-label="Toggle Filters dialog"> |
| 32 |
Info
On line 2149, column 86 <div class="product-list " aria-label="Product List" data-property="product-list"> |
| 33 |
Error
On line 2177, column 47 > <h4 role="presentation" aria-level="4"> |
| 34 |
Error
On line 2180, column 47 > <h5 role="presentation" aria-level="5"> |
| 35 |
Error
On line 2215, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 36 |
Error
On line 2238, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 37 |
Error
On line 2261, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 38 |
Error
On line 2284, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 39 |
Error
On line 2307, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 40 |
Error
On line 2330, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 41 |
Error
On line 2353, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 42 |
Error
On line 2376, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 43 |
Error
On line 2399, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 44 |
Error
On line 2422, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 45 |
Error
On line 2445, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 46 |
Error
On line 2468, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 47 |
Error
On line 2491, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 48 |
Error
On line 2514, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 49 |
Error
On line 2537, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 50 |
Error
On line 2560, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 51 |
Error
On line 2583, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 52 |
Error
On line 2606, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 53 |
Error
On line 2629, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 54 |
Error
On line 2652, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 55 |
Error
On line 2675, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 56 |
Error
On line 2698, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 57 |
Error
On line 2721, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 58 |
Error
On line 2744, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 59 |
Error
On line 2767, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 60 |
Error
On line 2790, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 61 |
Error
On line 2813, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 62 |
Error
On line 2836, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 63 |
Error
On line 2859, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 64 |
Error
On line 2882, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 65 |
Error
On line 2905, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 66 |
Error
On line 2928, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 67 |
Error
On line 2951, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 68 |
Error
On line 2974, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 69 |
Error
On line 2997, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 70 |
Error
On line 3020, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 71 |
Error
On line 3043, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 72 |
Error
On line 3066, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 73 |
Error
On line 3089, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 74 |
Error
On line 3112, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 75 |
Error
On line 3135, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 76 |
Error
On line 3158, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 77 |
Error
On line 3181, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 78 |
Error
On line 3204, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 79 |
Error
On line 3227, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 80 |
Error
On line 3250, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 81 |
Error
On line 3273, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 82 |
Error
On line 3296, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 83 |
Error
On line 3319, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 84 |
Error
On line 3342, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 85 |
Error
On line 3365, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 86 |
Error
On line 3388, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 87 |
Error
On line 3411, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 88 |
Error
On line 3434, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 89 |
Error
On line 3457, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 90 |
Error
On line 3480, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 91 |
Error
On line 3503, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 92 |
Error
On line 3526, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 93 |
Error
On line 3549, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 94 |
Error
On line 3572, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 95 |
Error
On line 3595, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 96 |
Error
On line 3618, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 97 |
Error
On line 3641, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 98 |
Error
On line 3664, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 99 |
Error
On line 3687, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
| 100 |
Error
On line 3710, column 28 > <<span style="background-color: #ffff80;">divspan> class="canvas"> |
β