'); margin-left: 10px;}.pagination .prev a{ background-image: url('data:image/svg+xml, '); margin-right: 10px;}.visual-display{ --visual-display__size: min(1.75rem, 100%); position: relative; width: var(--visual-display__size); max-width: 100%; border: 0.1rem solid rgba(var(--color-foreground), 0.2); aspect-ratio: 1/1;}.visual-display.empty{ border-style: dashed;}.visual-display--presentation-swatch{ --visual-display__size: min(1.75rem, 100%); outline-color: #8D8D8D; outline-style: solid; outline-width: 1px; border-radius: 100%; height: 14px; position: relative; width: 14px;}.visual-display--presentation-swatch:after{ --visual-display__size: min(1.75rem, 100%); border-radius: 100%;}.filters__group-item-label.visual-display-parent--swatch{ padding: 8px 0 0;}.visual-display-parent .visual-display--presentation-swatch{ outline-offset: 1px;}/* Active state */:checked + .facets__visual-display-wrapper .visual-display--presentation-swatch{ outline-width: 1px; outline-color: var(--dark);}/* Hover state */.visual-display-parent:hover .visual-display--presentation-swatch{ outline-width: 2px; outline-color: var(--dark);}/* Focus state */.visual-display-parent:has(:focus-visible) .visual-display--presentation-swatch{ outline-width: 2px; outline-color: var(--dark); box-shadow: 0 0 0 0.6rem rgb(var(--color-background)), 0 0 0 0.8rem rgba(var(--color-foreground), 0.5), 0 0 1.2rem 0.4rem rgba(var(--color-foreground), 0.3);}/* Focus state for older browsers */@supports not selector(:has(a, b)){ .visual-display-parent:focus-within .visual-display--presentation-swatch{ outline-offset: 4px; outline: 2px solid rgb(var(--color-foreground), 0.4); box-shadow: 0 0 0 0.6rem rgb(var(--color-background)), 0 0 0 0.8rem rgba(var(--color-foreground), 0.5), 0 0 1.2rem 0.4rem rgba(var(--color-foreground), 0.3); }}.visual-display-parent.disabled{ opacity: 0.4; pointer-events: none;}/* Used to display the disabled dash */.visual-display-parent.disabled .visual-display::after{ display: block; content: ''; /* 1.414 is not a magic number, it's the square root of 2, or the length of the diagonal */ width: calc(var(--visual-display__size) * 1.414); border-bottom: 0.1rem solid rgb(var(--color-background-contrast)); transform: rotate(-45deg); transform-origin: left;}.visual-display .visual-display__child{ border-radius: 100%; display: block; height: 100%; width: 100%; forced-color-adjust: none;}.visual-display--presentation-swatch .visual-display__image{ object-fit: cover;}.visual-display-parent--swatch{ align-items: center; display: flex; flex-direction: column; padding: 5px;}.visual-display-parent--swatch .facet-checkbox__text{ margin-top: 4px;}.visual-display-parent--default :checked + .facet-checkbox__text{ background-color: var(--dark); color: var(--light);}.facet-checkbox--disabled{ cursor: var(--radio-cursor, not-allowed); opacity: 0.5;}.facet-checkbox--disabled:before{ border-top: 1px solid; bottom: 0; content: ""; left: 0; opacity: 0.35; position: absolute; transform: rotate(-29deg); transform-origin: left bottom; width: calc(120%);}.visual-display-parent--default .facet-checkbox__text{ align-items: center; background-color: var(--btn-background-color, transparent); border: 1px solid var(--btn-border-color, var(--gray-100)); border-radius: 4px; color: var(--btn-color, var(--dark)); cursor: var(--radio-cursor, pointer); display: flex; height: 32px; justify-content: center; padding: 2px 6px; text-align: center; transition: 250ms ease-in-out;}.visual-display-parent--default input:focus + .facet-checkbox__text{ --btn-border-color: var(--dark);}.visual-display-parent--default input:checked + .facet-checkbox__text{ --btn-background-color: var(--dark); --btn-border-color: var(--dark); --btn-color: var(--light);}.visual-display-parent--default:hover{ background-color: var(--gray-50);}/* ----- FILTER BAR ----- */.filters-bar{ --filter-bar-height: 65px; border-bottom: 1px solid; display: flex; flex-wrap: wrap;}@media (min-width: 1024px){ .filters-bar{ --filter-bar-height: 77px; background-color: var(--light); position: sticky; top: var(--prefers-reduced-motion-header-height, var(--filters-bar-sticky-top, var(--header-height))); transition: 250ms ease-in-out; z-index: 2; } .header--scrolled[data-scroll-direction="down"]{ --filters-bar-sticky-top: 0; }}.filters-bar__el{ align-items: center; border-top: 1px solid; display: flex; font-size: 14px; font-variation-settings: "wght" 700; min-height: var(--filter-bar-height); padding: 10px var(--wrap-h);}.filters-bar__el--facets{ flex-grow: 1; min-height: auto; padding: 0;}.filters__toggle{ align-items: center; box-sizing: border-box; color: inherit; cursor: pointer; display: flex; flex-shrink: 0; gap: 12px; min-height: 65px; min-width: 222px; padding: 10px var(--wrap-h); width: 100%;}.filters__toggle svg{ flex-shrink: 0;}.filters__toggle:before{ background: var(--backdrop-background-color); content: ""; height: 100%; left: 0; opacity: var(--filters-menu-active-1, 0); pointer-events: var(--filters-menu-active-auto, none); position: fixed; top: 0; transition: 250ms ease-in-out; width: 100%; z-index: 10;}.filters-bar__input:focus,.filters__toggle:focus{ box-shadow: inset 0 0 0 1px var(--blue); outline: none;}.filters-bar__el--input{ flex-basis: 100%; gap: 0.25em; min-height: auto; order: -1; padding: 0; position: relative; overflow: hidden;}.filters-bar__el--input.has-predictions{ overflow: visible;}.filters-bar__input,.filters-bar__label{ display: block; line-height: 1;}.filters-bar__input{ border: none; background-color: transparent; font-size: 14px; min-height: 65px; padding: 10px var(--wrap-h) 10px 0; flex-grow: 1;}/* make sure iOs doesn't zoom when inputs focused */@media (max-width: 1024px){ .touch .filters-bar__input:focus{ font-size: 16px; }}.filters-bar__input--date{ color: inherit; display: flex;}.filters-bar__input--date::-webkit-calendar-picker-indicator{ background: none; height: 100%; margin: 0; position: absolute; right: 0; top: 0; width: 100%;}.filters-bar__el--layout{ border-left: 1px solid; gap: 11.5px;}.filters-bar__label{ align-items: center; display: flex; gap: 8px; min-height: 65px; padding: 10px 0 10px var(--wrap-h); user-select: none;}.filters-bar__layout-btn{ align-items: center; background-color: var(--filter-layout-btn-background-color, transparent); border-radius: 4px; display: flex; height: 33px; justify-content: center; transition: 250ms ease-in-out; width: 33px;}.filters-bar__layout-btn:hover{ --filter-layout-btn-background-color: #f0f0f0;}/* .filters-bar__layout-btn--active{ --filter-layout-btn-background-color: #E8E8E8;} *//* Grid layout */[data-grid-layout="small"]{ --plp-grid-columns-desktop: 1; --plp-grid-columns-tablet: 1; --plp-grid-columns-mobile: 1; --plp-grid-margin-top: 47px; --plp-grid-row-gap-mobile: 40px; --plp-grid-row-gap-tablet: 40px; --plp-grid-row-gap-desktop: 40px;}[data-grid-layout="medium"],[data-grid-layout="large"],[data-grid-layout="extra-large"]{ --plp-grid-columns-desktop: 2; --plp-grid-columns-tablet: 2; --plp-grid-columns-mobile: 2; --plp-grid-margin-top: 41px;}[data-grid-layout="small"] .filters-bar__layout-btn--small,[data-grid-layout="medium"] .filters-bar__layout-btn--medium,[data-grid-layout="large"] .filters-bar__layout-btn--large,[data-grid-layout="extra-large"] .filters-bar__layout-btn--extra-large{ --filter-layout-btn-background-color: #E8E8E8;}@media (min-width: 1024px){ [data-grid-layout="small"], [data-grid-layout="medium"]{ --plp-grid-columns-desktop: 2; --plp-grid-columns-tablet: 2; --plp-grid-columns-mobile: 2; --plp-grid-margin-top: 51px; } [data-grid-layout="large"]{ --plp-grid-columns-desktop: 3; --plp-grid-columns-tablet: 3; --plp-grid-columns-mobile: 3; --plp-grid-margin-top: 51px; } [data-grid-layout="extra-large"]{ --plp-grid-columns-desktop: 4; --plp-grid-columns-tablet: 4; --plp-grid-columns-mobile: 4; --plp-grid-margin-top: 51px; } .filters-bar{ display: flex; flex-wrap: nowrap; } .filters-bar__el, .filters-bar__label, .filters-bar__input, .filters__toggle{ min-height: var(--filter-bar-height); } .filters-bar__el--layout{ min-height: 78px; } .filters-bar__el--facets{ flex-grow: inherit; } .filters-bar__el--delivery-location{ flex-grow: 1; } .filters-bar__el--input{ border-left: 1px solid; order: inherit; flex-basis: inherit; }}@media (min-width: 1400px){ .filters-bar__el{ --wrap-h: 40px; --wrap-h: clamp(40px, calc(40 / 1728 * 100vw), 52px); }}@media (min-width: 1024px) and (max-width: 1399px){ .filters-bar{ --filters-date-width: 270px; --filters-facets-width: 222px; --filters-layout-width: 192px; } .filters-bar__el--facets{ width: var(--filters-facets-width); } .filters-bar__el--layout{ width: var(--filters-layout-width); } .filters-bar__input{ max-width: 100%; padding-right: 16px; } delivery-date.filters-bar__el{ width: var(--filters-date-width); } delivery-location.filters-bar__el{ width: calc(100vw - var(--scrollbar-width, 0px) - var(--filters-facets-width) - var(--filters-date-width) - var(--filters-layout-width)); }}/* ----- FILTER MENU ----- */.filters{ --menu-active-0: var(--prefers-reduced-motion-0, var(--filters-menu-active-0, -100%)); --menu-active-1: var(--filters-menu-active-1, 0); --menu-active-auto: auto; font-variation-settings: "wght" 400;}.no-js .filters__details[open],.filters-menu--active{ --filters-menu-active-0: 0; --filters-menu-active-1: 1; --filters-menu-active-auto: auto; --main-z-index: 31;}.filters-menu--visible{ --main-z-index: 31; --widget-opacity: 0; --widget-visibility: hidden;}.filters__active-buttons{ display: flex; flex-wrap: wrap; gap: 4px; padding-bottom: 14px;}.filters__active-btn{ align-items: center; background-color: #F2F2F2; border-radius: 100px; border: 1px solid #E8E8E8; color: inherit; display: flex; flex-shrink: 0; font-size: 12px; font-variation-settings: "wght" 600; gap: 8px; padding: 8.5px 10px 8.5px 16px; text-decoration: none; transition: 250ms ease-in-out;}.filters__active-btn:hover{ background-color: #fff;}.filters__active-btn > *{ pointer-events: none;}.filters__active-sort{ font-variation-settings: "wght" 400; text-transform: capitalize;}.filters__applied{ align-items: center; background-color: #E8E8E8; border-radius: 4px; display: flex; flex-shrink: 0; font-size: 12px; font-variation-settings: "wght" 500; justify-content: center; height: 32px; width: 32px;}.filters__applied[data-filters-applied="0"]{ opacity: 0;}.filters__applied:after{ content: attr(data-filters-applied);}.filters__content{ padding: 18px var(--menu-padding-h);}.filters__details{ box-sizing: border-box;}.filters__group{ border-bottom: 1px solid #E6E6E6;}.filters__group-content{ padding-bottom: 30px;}.filters__group-items{ display: grid; gap: 4px; grid-template-columns: repeat(3, 1fr);}[disabled] + .filters__label{ cursor: not-allowed; opacity: 0.5;}.filters__group-item{ position: relative;}.filters__group-item-input{ opacity: 0; position: absolute;}.filters__group-item-label{ align-items: center; background-color: #fff; border: 1px solid var(--filter-label-border-color, transparent); border-radius: 4px; color: var(--dark); cursor: pointer; display: flex; flex-shrink: 0; font-size: 12px; font-variation-settings: "wght" var(--filter-label-font-weight, 400); height: 48px; justify-content: center; padding: 4px; text-transform: capitalize; transition: 250ms ease-in-out;}.filters__group-item-label:hover,[checked] + .filters__group-item-label{ --filter-label-border-color: var(--dark); --filter-label-font-weight: 800;}[disabled] + .filters__group-item-label{ --filter-label-border-color: transparent; --filter-label-font-weight: 400; cursor: not-allowed; opacity: 0.5;}.filters__group-title{ --pseudo-plus-icon-right: 0; align-items: center; cursor: pointer; display: flex; font-size: 14px; font-variation-settings: "wght" 700; gap: 0.25em; height: 56px; position: relative;}.filters__price-reset{ color: var(--color-dim); transition: 250ms ease-in-out;}.filters__price-reset:hover{ color: var(--dark);}.filters__price-range{ align-items: center; display: flex; margin-top: 12px;}.filters__price-range input{ border: none; font-size: 12px; height: 30px; width: 100%;}.filters__price-range label{ font-size: 8px; left: 9px; position: absolute; text-transform: uppercase; top: 8px;}.filters__price-range .field{ background-color: #fff; border-radius: 4px; min-height: 48px; min-width: 120px; padding: 18px 8px 0; position: relative;}.filters__price-range .field-currency{ color: var(--color-dim); font-size: 14px; margin-right: 5px; position: relative; top: 5px;}.filters__price-range .field-currency ~ .field-currency{ margin-left: 12px;}.js .in-view-fade-up{ opacity: var(--in-view-fade-up-1, 0); transform: var(--prefers-reduced-motion-none, translateY(var(--in-view-fade-up-0, 6px))); transition: 800ms ease-in-out;}.in-view{ --in-view-fade-up-0: 0; --in-view-fade-up-1: 1;}@keyframes fadeIn{ to{ opacity: 1; transform: var(--fadeInTransformTo, translate3d(0, 0, 0)); }}.cover{ height: 100%; left: 0; position: absolute; top: 0; width: 100%;}.flex--align-center{ align-items: center;}.flex--align-end{ align-items: flex-end;}.flex--align-start{ align-items: flex-start;}.flex-column{ display: flex; flex-direction: column;}.flex-column-desktop{ display: flex; flex-direction: row;}.flex-row-desktop{ display: flex; flex-direction: column;}.flex--column{ flex-direction: column;}.flex--justify-center{ justify-content: center;}.flex--justify-between{ justify-content: space-between;}.flex--justify-end{ justify-content: flex-end;}.flex--justify-start{ justify-content: flex-start;}.flex--nowrap{ flex-wrap: nowrap;}.flex-row{ display: flex; flex-direction: row;}.flex--row{ flex-direction: row;}.flex--wrap{ flex-wrap: wrap;}.text-align--center{ text-align: center;}.text-align--left{ text-align: left;}.text-align--right{ text-align: right;}.hide,.hide-empty:empty,.hidden,.js .js-hide,.no-js .no-js-hidden{ --flex-display-desktop: none; --flex-display-mobile: none; --grid-display-desktop: none; --grid-display-mobile: none; --display: none; display: none;}.no-js-show{ display: var(--no-js-show-display, block);}@media (min-width: 1024px){ .flex-column-desktop{ flex-direction: column; } .flex-row-desktop{ flex-direction: row; } .hide-desktop{ display: var(--hide-desktop-display, none); }}@media (min-width: 768px){ .hide-tablet{ display: none; }}@media (max-width: 767px){ .hide-under-tablet{ display: none; }}@media (max-width: 1023px){ .hide-mobile{ display: none; } .no-js .no-js-mobile-show{ display: block; } .flex-column-reverse-mobile{ flex-direction: column-reverse; }}@media (max-width: 1199px){ .hide-up-to-desktop-m{ display: none; }}@media (max-width: 1599px){ .hide-up-to-desktop-l{ display: none; }}@media (min-width: 1600px){ .hide-desktop-l{ display: none; }}.sr-only,.visually-hidden{ clip: rect(1px, 1px, 1px, 1px); clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
Skip to content
The Margot $88
138 reviews with an average of 4.1 star rating (138)
The Purity $68
6 reviews with an average of 5 star rating (6)
The Renewal $68
2 reviews with an average of 5 star rating (2)
The Goddess $85
2 reviews with an average of 3 star rating (2)
Black Flowers Black flowers may look dark, but they represent hope in the form of rebirth. There's something undeniably unique about these rich blossoms. They're atypical, certainly, which makes them especially well suited for people in your life who appreciate all things unusual. Many “black” flowers are actually deep and inky shades of purple or red, which lends them incredible depth and character.
Because of the symbolism associated with new beginnings, it's perfectly suitable to give an arrangement with black blooms if you're offering the recipient best wishes on a new venture. Give these intense flowers to someone who's just graduated, been promoted, or started a business, or choose an arrangement with a few black stems to complement other colors.
Shop By Flower Color