Sunucu yanıtını kontrol edin

Yanıt başlıkları

İstek başlıkları

Ham HTML kodu

301 Moved Permanently - ootgc.com

HTTP Status: 301

User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

Date: Fri, 23 May 2025 06:18:20 GMT

Content-Type: text/html; charset=utf-8

Content-Length: 65

Connection: keep-alive

Location: https://outofthegreycoffee.com

Server: ip-100-74-4-22.eu-west-2.compute.internal

Vary: Accept-Encoding

X-Request-Id: 4977330d-1a4a-4da7-afb8-15e5e05156f9

date: Fri, 23 May 2025 06:18:21 GMT

content-type: text/html; charset=utf-8

x-sorting-hat-podid: 251

x-sorting-hat-shopid: 19471527

x-storefront-renderer-rendered: 1

set-cookie: secure_customer_sig=; path=/; expires=Sat, 23 May 2026 06:18:21 GMT; secure; HttpOnly; SameSite=Lax

set-cookie: localization=US; path=/; expires=Sat, 23 May 2026 06:18:21 GMT; SameSite=Lax

set-cookie: cart_currency=USD; path=/; expires=Fri, 06 Jun 2025 06:18:21 GMT; SameSite=Lax

set-cookie: _tracking_consent=%7B%22con%22%3A%7B%22CMP%22%3A%7B%22a%22%3A%22%22%2C%22m%22%3A%22%22%2C%22p%22%3A%22%22%2C%22s%22%3A%22%22%7D%7D%2C%22v%22%3A%222.1%22%2C%22region%22%3A%22FI18%22%2C%22reg%22%3A%22%22%2C%22purposes%22%3A%7B%22p%22%3Afalse%2C%22a%22%3Afalse%2C%22m%22%3Afalse%2C%22t%22%3Atrue%7D%2C%22display_banner%22%3Atrue%2C%22sale_of_data_region%22%3Afalse%2C%22consent_id%22%3A%2246D9D189-7f88-4A44-8f9c-468fc03b9d0d%22%7D; domain=outofthegreycoffee.com; path=/; expires=Sat, 23 May 2026 06:18:21 GMT; SameSite=Lax

link: <https://cdn.shopify.com>; rel="preconnect", <https://cdn.shopify.com>; rel="preconnect"; crossorigin, <//outofthegreycoffee.com/cdn/shop/t/378/assets/jquery.min.js?v=147293088974801289311746154690>; as="script"; rel="preload"

etag: W/"cacheable:7baf2509827e86b44c4466177330ca5c"

x-cache: miss

shopify-complexity-score: 2360

x-frame-options: DENY

content-security-policy: block-all-mixed-content; frame-ancestors 'none'; upgrade-insecure-requests;

strict-transport-security: max-age=7889238

x-shopid: 19471527

x-shardid: 251

vary: Accept

vary: accept-encoding

content-language: en-US

powered-by: Shopify

server-timing: processing;dur=238;desc="gc:19", db;dur=40, db_async;dur=1.396, render;dur=117, asn;desc="24940", edge;desc="HEL", country;desc="FI", theme;desc="149296185596", pageType;desc="index", servedBy;desc="p5bf", requestID;desc="7eec580e-ef61-411c-b90b-1e0c586f7fd2-1747981101"

x-dc: gcp-europe-west3,gcp-europe-west1,gcp-europe-west1

x-request-id: 7eec580e-ef61-411c-b90b-1e0c586f7fd2-1747981101

alt-svc: h3=":443"; ma=86400

cf-cache-status: DYNAMIC

report-to: {"endpoints":[{"url":"https:\/\/a.nel.cloudflare.com\/report\/v4?s=Lx26GXhPkYgUgG3BtNWMo4fWxgrJzO4VzGGePdv0pQLznh2U9Kn1uc%2B36xWKCiDCKU9b5tD48ZAnR9ro6pEDwDMDbY4rx9s%2F5GPXWFh2G1kR58oUuJK4mvQeZ%2BoL%2BuBjmOHnw8I4QTo%3D"}],"group":"cf-nel","max_age":604800}

nel: {"success_fraction":0.01,"report_to":"cf-nel","max_age":604800}

server-timing: cfRequestDuration;dur=312.999964

x-xss-protection: 1; mode=block

x-content-type-options: nosniff

x-permitted-cross-domain-policies: none

x-download-options: noopen

shopify-edge-ip: 23.227.38.32

server: cloudflare

cf-ray: 94426f794b3dd93f-HEL

HTTP Kodu 301 Kalıcı Olarak Taşındı

301 durum kodu, istenen kaynağın kalıcı olarak yeni bir URL'ye taşındığı anlamına gelir. Gelecekteki tüm istekler yeni adresi kullanmalıdır.

Kod 301 ne zaman kullanılır?

Bir web sitesi alan adını değiştirirken
URL yapılarını değiştirirken
SEO için yönlendirmeleri ayarlarken

Kod 301 kullanıcı için ne anlama geliyor?

Tarayıcı kullanıcıyı otomatik olarak yeni adrese yönlendirecek ve arama motorları dizinlerini güncelleyecektir.

GET / HTTP/1.1
Host: ootgc.com
Accept: */*
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])

<!DOCTYPE html>
<html class="no-js no-touch" lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="cleartype" content="on">
    <meta name="robots" content="index,follow">

    <!-- Mobile Specific Metas -->
    <meta name="HandheldFriendly" content="True">
    <meta name="MobileOptimized" content="320">
    <meta name="viewport" content="width=device-width,initial-scale=1">
    <meta name="theme-color" content="#ffffff">

    
    <title>
      Coffee Roasted Daily | Out Of The Grey Coffee®
    </title>

    
      <meta name="description" content="Thoughtfully Sourced | Coffee Roasted Daily | Shipping Truly Extraordinary Coffee &amp; Handcrafted Luxury Loose-Leaf Tea Everywhere | O Taste and See | Psalms 34:8"/>
    

    <link rel="preconnect" href="https://fonts.shopifycdn.com" />
    <link rel="preconnect" href="https://cdn.shopify.com" />
    <link rel="preconnect" href="https://cdn.shopifycloud.com" />

    <link rel="dns-prefetch" href="https://v.shopify.com" />
    <link rel="dns-prefetch" href="https://www.youtube.com" />
    <link rel="dns-prefetch" href="https://vimeo.com" />

    <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/jquery.min.js?v=147293088974801289311746154690" as="script" rel="preload">

    <!-- Stylesheet for Fancybox library -->
    <link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/fancybox.css?v=19278034316635137701746154690" type="text/css" media="all" defer>

    <!-- Devkit styles --><style>
  @layer base, components, utilities, overrides;
</style>












<style data-shopify>:root {
    /* ===================================== */
    /* Root variables */
    /* ===================================== */

    --root-font-size: 16px;
    --root-color-primary: #000;
    --root-color-secondary: #fff;

    /* ===================================== */
    /* Colors */
    /* ===================================== */

    --color-primary: var(--root-color-primary);
    --color-secondary: var(--root-color-secondary);

    --link-color: #c7a55d;
    --link-hover-color: #9d7214;
    --border-color: #e8bf67;

    /* ===================================== */
    /* Icons */
    /* ===================================== */

    --icon-color: ;
    --icon-hover-color: var(--link-hover-color);
    --icon-size: px;

    /* ===================================== */
    /* Buttons */
    /* ===================================== */

    --btn-style: rounded;
    --btn-weight: bold;
    --btn-font-size: 14;
    --btn-font-transform: uppercase;

    /* Default */
    --button-color-border: #000000;
    --button-color-background: #000000;
    --button-color-text: 
  #ffffff

;
    --button-color-border-hover: 
  #0f0f0f

;
    --button-color-background-hover: 
  #0f0f0f

;
    --button-color-text-hover: #000000;

    /* Outline */
    --btn-outline-color-border: #000000;
    --btn-outline-color-background: transparent;
    --btn-outline-color-text: #000000;
    --btn-outline-color-border-hover: 
  #0f0f0f

;
    --btn-outline-color-background-hover: 
  #0f0f0f

;
    --btn-outline-color-text-hover: 
  #ffffff

;

    /* Primary */
    --btn-primary-color-border: #9d8661;
    --btn-primary-color-background: #9d8661;
    --btn-primary-color-text: #ffffff;
    --btn-primary-color-border-hover: #8b6a1b;
    --btn-primary-color-background-hover: #8b6a1b;
    --btn-primary-color-text-hover: #ffffff;

    /* Primary Outline */
    --btn-primary-outline-color-border: #9d8661;
    --btn-primary-outline-color-background: transparent;
    --btn-primary-outline-color-text: #9d8661;
    --btn-primary-outline-color-border-hover: #8b6a1b;
    --btn-primary-outline-color-background-hover: #8b6a1b;
    --btn-primary-outline-color-text-hover:
  #ffffff

;

    /* Banner Button */
    --btn-banner-color-border: #8c8b8b;
    --btn-banner-color-background: transparent;
    --btn-banner-color-text: #8c8b8b;
    --btn-banner-color-border-hover: #8c8b8b;
    --btn-banner-color-background-hover: #8c8b8b;
    --btn-banner-color-text-hover: 
  #333333

;

    /* Banner Button Highlight */
    --btn-banner-highlight-color-border: #8c8b8b;
    --btn-banner-highlight-color-background: #8c8b8b;
    --btn-banner-highlight-color-text: 
  #333333

;
    --btn-banner-highlight-color-border-hover: 
  #818080

;
    --btn-banner-highlight-color-background-hover: 
  #818080

;
    --btn-banner-highlight-color-text-hover: 
  #333333

;

    /* Banner Text Button */
    --btn-banner-text-color-border: #ffffff;
    --btn-banner-text-color-background: transparent;
    --btn-banner-text-color-text: #ffffff;
    --btn-banner-text-color-border-hover: #ffffff;
    --btn-banner-text-color-background-hover: #ffffff;
    --btn-banner-text-color-text-hover: 
  #333333

;

    /* Banner Text Button Highlight */
    --btn-banner-text-highlight-color-border: #ffffff;
    --btn-banner-text-highlight-color-background: #ffffff;
    --btn-banner-text-highlight-color-text: 
  #333333

;
    --btn-banner-text-highlight-color-border-hover: 
  #ebebeb

;
    --btn-banner-text-highlight-color-background-hover: 
  #ebebeb

;
    --btn-banner-text-highlight-color-text-hover: 
  #333333

;

    /* Mobile Default Button */
    --btn-mobile-color-border: #000000;
    --btn-mobile-color-background: #000000;
    --btn-mobile-color-text: 
  #ffffff

;
    --btn-mobile-color-border-hover: 
  #0f0f0f

;
    --btn-mobile-color-background-hover: 
  #0f0f0f

;
    --btn-mobile-color-text-hover: 
  #ffffff

;

    
        --border-radius: 3px;
      

    /* ===================================== */
    /* Typography */
    /* ===================================== */

    --regular-font-family: "Open Sans";
    --regular-font-fallback-families: sans-serif;
    --regular-font-weight: 400;
    --regular-font-style: normal;
    --regular-font-size: 15px;
    --regular-font-transform: none;
    --regular-color: #000000;

    --headline-font-family: "Open Sans", sans-serif;
    --headline-font-weight: 400;
    --headline-font-style: normal;
    --headline-font-transform: uppercase;
    --headline-color: #c7a55d;
    --headline-letter_spacing: 2px;

    /* ===================================== */
    /* Components */
    /* ===================================== */

    /* Nav */
    --nav-font: "Open Sans", sans-serif;
    --nav-font-style: normal;
    --nav-letter-spacing: 1;

    /* Footer */
    --sub-footer-text-color: #ffffff;
    --headline-footer-text-color: #ffffff;
    --footer-heading-font-size: 14;

    /* Newsletter */
    --use-newsletter-border: true;
    --newsletter-section-background-color: #b4bac1;
    --newsletter-section-color: #000000;
    --newsletter-section-background-color-gradient: ;
    --newsletter-popup-image-align: right;
    --newsletter-popup-close: true;
    --newsletter-popup-text-align: center;
    --newsletter-popup-background-color: #ffffff;
    --newsletter-popup-color: #363636;
    --newsletter-popup-background-color-gradient: ;

    /* Video */
    --video-banner-color: #ffffff;
    --video-subtitle-font-family: "Open Sans", sans-serif;
    --video-subtitle-font-weight: 400;
    --video-subtitle-font-transform: none;
    --video-subtitle-size: 20px;
    --video-subtitle-letter-spacing: 1px;
    --video-subtitle-size-medium-down: 13.333333333333334px;
    --video-subtitle-size-medium-up: 16.666666666666668px;
    --video-headline-font-family: "Open Sans", sans-serif;
    --video-headline-font-weight: 400;
    --video-headline-font-style: normal;
    --video-headline-font-transform: uppercase;
    --video-headline-size: 45px;
    --video-headline-letter-spacing: 0px;
    --video-headline-size-medium-down: 30.0px;
    --video-headline-size-medium-up: 37.5px;
    --video-banner-background-color: #1e1e1e;
  }</style>
<style data-shopify>h1, h2, h3, h4, h5, h6,
  .h1, .h2, .h3, .h4, .h5, .h6 {
    font-family: var(--headline-font-family);
    font-weight: var(--headline-font-weight);
    font-style: var(--headline-font-style);
    text-transform: var(--headline-font-transform);
    line-height: 1.5;
    color: var(--headline-color);
    display: block;
    letter-spacing: var(--headline-letter_spacing);
    text-rendering: optimizeLegibility;

    a {
      &:link,
      &:visited {
        color: inherit;
      }

      &:hover,
      &:active {
        color: var(--link-color);
      }
    }
  }

  h1, .h1 {
    font-size: 24px;
    margin: 0 auto 15px;
    clear: both;
    font-weight: var(--headline-font-weight);
    padding-top: 4px;
  }

  h2,
  .h2 {
    font-size: 21px;
    margin-bottom: 0.75em;
  }

  h3,
  .h3 {
    font-size: 19px;
    margin: 0 auto 15px 0;

    &.title {
      line-height: 1.25;
      margin: 0 auto 15px;
      clear: both;
      padding-top: 4px;
    }

    &.sub_title {
      padding: 5px 0;
    }
  }

  h4,
  .h4 {
    font-size: 16px;
    margin: 0 0 0.5em 0;
    padding: 7px 0;

    &.title a {
      border: 0;
      padding: 0;
      margin: 0;
    }
  }

  h5,
  .h5 {
    font-size: 15px;
    margin: 0 0 0.5em 0;
    padding: 7px 0;

    &.sub_title {
      padding: 5px 0;
      color: var(--headline-color);
    }

    &.sub_title a {
      color: var(--headline-color);
    }
  }

  h6,
  .h6 {
    font-size: 14px;
    letter-spacing: calc(var(--headline-letter_spacing) / 2);
    margin: 0 0 0.5em 0;
    padding: 7px 0;

    &.title {
      line-height: 32px;
      margin: 0 0 0.5em 0;
    }
  }

  p {
    margin: 0 0 15px;
    font-style: normal;
    line-height: 1.6em;
  }

  .text-align--center {
    text-align: center;
  }

  .text-align--left {
    text-align: left;
  }

  .text-align--right {
    text-align: right;
  }



  @media only screen and (max-width: 480px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    .collection_title,
    .empty_cart {
      font-size: 110%;
      line-height: 1.5em;
    }

    h1,
    h1.home,
    .title a,
    h2 {
      padding: 0;
    }
  }</style>
<style data-shopify>:root {
    /* Root Colors */
    --color-primary: #000000;
    --color-secondary: #ffffff;
  }

  html, body {
    color: var(--color-primary);
    background-color: var(--color-secondary);
  }</style>

<style>
      
    /*! modern-normalize v3.0.1 | MIT License | https://github.com/sindresorhus/modern-normalize */*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:100%;line-height:1.15}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;appearance:auto}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:auto;appearance:auto}summary{display:list-item}
/*# sourceMappingURL=/s/files/1/2282/8555/t/76/assets/vendor.modern-normalize.css.map?v=101712644036999526981743656987 */

  
    </style>




<style>
      
    form,fieldset{margin-bottom:20px}input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=range],input[type=color],select,textarea{display:block;width:100%;height:44px;max-height:100%;padding:0 10px;margin:0;font:13px HelveticaNeue-Light,Helvetica Neue Light,Helvetica Neue,Helvetica,Arial,sans-serif;line-height:22px;color:#5f6a7d;-webkit-appearance:none;appearance:none;outline:none;background:#fff;border:1px solid var(--border-color);text-rendering:optimizelegibility;border-radius:var(--border-radius)}@media only screen and (width <= 480px){input[type=text],input[type=password],input[type=email],input[type=search],input[type=url],input[type=tel],input[type=number],input[type=date],input[type=month],input[type=week],input[type=time],input[type=range],input[type=color],select,textarea{font-size:16px}}input[type=text]:active,input[type=text]:focus,input[type=password]:active,input[type=password]:focus,input[type=email]:active,input[type=email]:focus,input[type=search]:active,input[type=search]:focus,input[type=url]:active,input[type=url]:focus,input[type=tel]:active,input[type=tel]:focus,input[type=number]:active,input[type=number]:focus,input[type=date]:active,input[type=date]:focus,input[type=month]:active,input[type=month]:focus,input[type=week]:active,input[type=week]:focus,input[type=time]:active,input[type=time]:focus,input[type=range]:active,input[type=range]:focus,input[type=color]:active,input[type=color]:focus,select:active,select:focus,textarea:active,textarea:focus{color:#444;border:1px solid #aaa}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{margin:0;-webkit-appearance:none;appearance:none}input[type=text]::-ms-clear{display:none;width:0;height:0}input[type=text]::-ms-reveal{display:none;width:0;height:0}input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{display:none}input[type=date]{display:inline-flex}input[type=number]{-webkit-appearance:textfield!important;appearance:textfield!important}select::-ms-expand{display:none}select{padding:8px var(--pill-padding, 14px) 8px;text-overflow:"";text-indent:.01px;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg width='50' height='27' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M25 27.05 0 1.319 1.367 0 25 24.316 48.633 0 50 1.318z' fill='%23000' fill-rule='nonzero'/%3E%3C/svg%3E%0A") no-repeat 95% 50%;background-size:.85rem;border:1px solid #d9dbdc;border-radius:var(--border-radius)}label,legend{display:block;margin-bottom:5px;font-size:13px;font-weight:700;text-align:left;text-transform:var(--regular-font-transform)}input[type=checkbox]{display:inline}label span,legend span{font-size:13px;font-weight:700;color:#444}textarea{min-height:120px;padding:15px 9px}
/*# sourceMappingURL=/s/files/1/0957/5750/t/33/assets/util.forms.css.map?v=9434103573914653061743002750 */

  
    </style>


<style>
      
    svg.icon {
  display: inline-block;
  width: var(--icon-width-size, var(--icon-size));
  height: var(--icon-height-size, var(--icon-size));
  vertical-align: middle;
  color: inherit;
}

  
    </style>


<link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/util.grid.css?v=72002231341491640291746154690" rel="stylesheet" type="text/css" media="all" />
    <script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
<script>
      console.warn('Asset size is too large to inline stylesheet: util.grid.css');
    </script>


<style>
      
    .page-blocks{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.shopify-section{width:100%}@media only screen and (width <= 480px){.shopify-section{width:100%!important;padding-right:0!important;padding-left:0!important}}.section{width:95%;max-width:1200px;margin:var(--section-padding-top) auto var(--section-padding-bottom) auto}.section.is-width-wide{width:100%;max-width:none}.section-wrapper{display:flex;flex-wrap:wrap;justify-content:center;width:100%}.section-wrapper .under-menu:nth-child(1) .full-width--false{margin-top:30px}.no-js .section-wrapper .under-menu:nth-child(1) .full-width--false{margin-top:0}.section-wrapper--product{width:95%;max-width:1200px;margin-right:auto;margin-left:auto}.section-wrapper--product .section{width:100%}.section-wrapper--product.is-width-wide{width:100%;max-width:none}
/*# sourceMappingURL=/s/files/1/1706/2393/t/302/assets/util.section.css.map?v=178612592232544466241745462781 */

  
    </style>




    <!-- Stylesheets for Turbo -->
    <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/styles.css?v=55738837995582067901746234015" rel="stylesheet" type="text/css" media="all" />

    <!-- Icons -->
    
      <link rel="shortcut icon" type="image/x-icon" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_180x180.png?v=1613526603">
      <link rel="apple-touch-icon" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_180x180.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="57x57" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_57x57.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="60x60" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_60x60.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="72x72" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_72x72.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="76x76" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_76x76.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="114x114" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_114x114.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="180x180" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_180x180.png?v=1613526603"/>
      <link rel="apple-touch-icon" sizes="228x228" href="//outofthegreycoffee.com/cdn/shop/files/darkerOOTG_FAVICON_FINAL_a31993da-5935-4c15-9a27-aad69694b1cf_228x228.png?v=1613526603"/>
    
    <link rel="canonical" href="https://outofthegreycoffee.com/"/>

    

    
      <script type="text/javascript" src="/services/javascripts/currencies.js" data-no-instant></script>
    

    
      <script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/currencies.js?v=1648699478663843391746154690" defer></script>
    

    
    <script>
      window.PXUTheme = window.PXUTheme || {};
      window.PXUTheme.version = '9.5.4';
      window.PXUTheme.name = 'Turbo';    </script>    


    
<template id="price-ui"><span class="compare-at-price" data-compare-at-price></span><span class="price " data-price></span><span class="unit-pricing" data-unit-pricing></span></template>
    <template id="price-ui-badge"><span class="badge" data-badge></span></template>
    
    <template id="price-ui__price"><span class="money" data-price></span></template>
    <template id="price-ui__price-range"><span class="price-min" data-price-min><span class="money" data-price></span></span> - <span class="price-max" data-price-max><span class="money" data-price></span></span></template>
    <template id="price-ui__unit-pricing"><span class="unit-quantity" data-unit-quantity></span> | <span class="unit-price" data-unit-price><span class="money" data-price></span></span> / <span class="unit-measurement" data-unit-measurement></span></template>
    <template id="price-ui-badge__percent-savings-range">Save up to <span data-price-percent></span>%</template>
    <template id="price-ui-badge__percent-savings">Save <span data-price-percent></span>%</template>
    <template id="price-ui-badge__price-savings-range">Save up to <span class="money" data-price></span></template>
    <template id="price-ui-badge__price-savings">Save <span class="money" data-price></span></template>
    <template id="price-ui-badge__on-sale">Sale</template>
    <template id="price-ui-badge__sold-out">Sold out</template>
    <template id="price-ui-badge__in-stock">In stock</template>
    
<script type="importmap">
{
  "imports": {
    "component.age-gate": "//outofthegreycoffee.com/cdn/shop/t/378/assets/component.age-gate.js?v=178206963185212261781746154690",
    "component.back-to-top-button": "//outofthegreycoffee.com/cdn/shop/t/378/assets/component.back-to-top-button.js?v=121105669381073937401746154690",
    "component.image-element-aspect-ratio": "//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.js?v=99215540724599282731746154690",
    "component.popup-newsletter": "//outofthegreycoffee.com/cdn/shop/t/378/assets/component.popup-newsletter.js?v=124645960972506590941746154690",
    "component.section-newsletter": "//outofthegreycoffee.com/cdn/shop/t/378/assets/component.section-newsletter.js?v=144015650166855237021746154690",
    "component.section-video": "//outofthegreycoffee.com/cdn/shop/t/378/assets/component.section-video.js?v=58108171799475093061746154690",
    "currencies": "//outofthegreycoffee.com/cdn/shop/t/378/assets/currencies.js?v=1648699478663843391746154690",
    "instantclick": "//outofthegreycoffee.com/cdn/shop/t/378/assets/instantclick.min.js?v=20092422000980684151746154690",
    "jquery.cart": "//outofthegreycoffee.com/cdn/shop/t/378/assets/jquery.cart.min.js?v=166679848951413287571746154690",
    "jquery": "//outofthegreycoffee.com/cdn/shop/t/378/assets/jquery.min.js?v=147293088974801289311746154690",
    "themeEditorSections": "//outofthegreycoffee.com/cdn/shop/t/378/assets/themeEditorSections.js?v=163907835056536163881746154690",
    "util.animations": "//outofthegreycoffee.com/cdn/shop/t/378/assets/util.animations.js?v=88379227021148447571746154690",
    "util.events": "//outofthegreycoffee.com/cdn/shop/t/378/assets/util.events.js?v=163430142883111782711746154690",
    "vendor.fancybox": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.fancybox.js?v=137271155610422863481746154690",
    "vendor.isbot": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.isbot.js?v=141969293939305478221746154690",
    "vendor.jquery": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.jquery.js?v=147293088974801289311746154690",
    "vendor.js-cookie": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.js-cookie.js?v=182647587380799007001746154690",
    "vendor.just-debounce": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.just-debounce.js?v=43348262834111556771746154690",
    "vendor.lazysizes": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.lazysizes.js?v=143264585656346250741746154690",
    "vendor.noscroll.96a94b32": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.noscroll.96a94b32.js?v=103500330829761603901746154690",
    "vendor.noscroll": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.noscroll.js?v=81117179843272977361746154690",
    "vendor.plyr": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendor.plyr.js?v=155556689627674826441746154690",
    "vendors": "//outofthegreycoffee.com/cdn/shop/t/378/assets/vendors.js?v=176241922172216752211746154690"
  }
}
</script>

<script>window.PXUTheme = window.PXUTheme || {};


window.PXUTheme.theme_settings = {};
window.PXUTheme.currency = {};
window.PXUTheme.routes = window.PXUTheme.routes || {};


window.PXUTheme.theme_settings.display_tos_checkbox = false;
window.PXUTheme.theme_settings.go_to_checkout = true;
window.PXUTheme.theme_settings.cart_action = "ajax";
window.PXUTheme.theme_settings.cart_shipping_calculator = true;


window.PXUTheme.theme_settings.collection_swatches = false;
window.PXUTheme.theme_settings.collection_secondary_image = false;


window.PXUTheme.currency.show_multiple_currencies = true;
window.PXUTheme.currency.shop_currency = "USD";
window.PXUTheme.currency.default_currency = "USD";
window.PXUTheme.currency.display_format = "money_format";
window.PXUTheme.currency.money_format = "${{amount}}";
window.PXUTheme.currency.money_format_no_currency = "${{amount}}";
window.PXUTheme.currency.money_format_currency = "${{amount}} USD";
window.PXUTheme.currency.native_multi_currency = true;
window.PXUTheme.currency.iso_code = "USD";
window.PXUTheme.currency.symbol = "$";


window.PXUTheme.theme_settings.display_inventory_left = false;
window.PXUTheme.theme_settings.inventory_threshold = 10;
window.PXUTheme.theme_settings.limit_quantity = false;


window.PXUTheme.theme_settings.menu_position = null;


window.PXUTheme.theme_settings.pagination_type = "load_more";


window.PXUTheme.theme_settings.enable_shopify_collection_badges = true;
window.PXUTheme.theme_settings.quick_shop_thumbnail_position = null;
window.PXUTheme.theme_settings.product_form_style = "swatches";
window.PXUTheme.theme_settings.sale_banner_enabled = true;
window.PXUTheme.theme_settings.display_savings = true;
window.PXUTheme.theme_settings.display_sold_out_price = false;
window.PXUTheme.theme_settings.free_text = "Price TBD";
window.PXUTheme.theme_settings.video_looping = null;
window.PXUTheme.theme_settings.quick_shop_style = "popup";
window.PXUTheme.theme_settings.hover_enabled = true;


window.PXUTheme.routes.cart_url = "/cart";
window.PXUTheme.routes.cart_update_url = "/cart/update";
window.PXUTheme.routes.root_url = "/";
window.PXUTheme.routes.search_url = "/search";
window.PXUTheme.routes.all_products_collection_url = "/collections/all";
window.PXUTheme.routes.product_recommendations_url = "/recommendations/products";
window.PXUTheme.routes.predictive_search_url = "/search/suggest";


window.PXUTheme.theme_settings.image_loading_style = "appear";


window.PXUTheme.theme_settings.enable_autocomplete = true;


window.PXUTheme.theme_settings.page_dots_enabled = true;
window.PXUTheme.theme_settings.slideshow_arrow_size = "bold";


window.PXUTheme.theme_settings.quick_shop_enabled = false;


window.PXUTheme.theme_settings.enable_back_to_top_button = false;


window.PXUTheme.translation = {};


window.PXUTheme.translation.agree_to_terms_warning = "You must agree with the terms and conditions to checkout.";
window.PXUTheme.translation.one_item_left = "item left";
window.PXUTheme.translation.items_left_text = "items left";
window.PXUTheme.translation.cart_savings_text = "Total Savings";
window.PXUTheme.translation.cart_discount_text = "Discount";
window.PXUTheme.translation.cart_subtotal_text = "Subtotal";
window.PXUTheme.translation.cart_remove_text = "Remove";
window.PXUTheme.translation.cart_free_text = "Free";


window.PXUTheme.translation.newsletter_success_text = "Thank you for joining our mailing list!";


window.PXUTheme.translation.notify_email = "Enter your email address...";
window.PXUTheme.translation.notify_email_value = "Translation missing: en.contact.fields.email";
window.PXUTheme.translation.notify_email_send = "Send";
window.PXUTheme.translation.notify_message_first = "Please notify me when ";
window.PXUTheme.translation.notify_message_last = " becomes available - ";
window.PXUTheme.translation.notify_success_text = "Thanks! We will notify you when this product becomes available!";


window.PXUTheme.translation.add_to_cart = "Add to Cart";
window.PXUTheme.translation.coming_soon_text = "Coming Soon";
window.PXUTheme.translation.sold_out_text = "Sold Out";
window.PXUTheme.translation.sale_text = "Sale";
window.PXUTheme.translation.savings_text = "You Save";
window.PXUTheme.translation.percent_off_text = "% off";
window.PXUTheme.translation.from_text = "from";
window.PXUTheme.translation.new_text = "New";
window.PXUTheme.translation.pre_order_text = "Pre-Order";
window.PXUTheme.translation.unavailable_text = "Unavailable";


window.PXUTheme.translation.all_results = "View all results";
window.PXUTheme.translation.no_results = "Sorry, no results!";


window.PXUTheme.media_queries = {};
window.PXUTheme.media_queries.small = window.matchMedia( "(max-width: 480px)" );
window.PXUTheme.media_queries.medium = window.matchMedia( "(max-width: 798px)" );
window.PXUTheme.media_queries.large = window.matchMedia( "(min-width: 799px)" );
window.PXUTheme.media_queries.larger = window.matchMedia( "(min-width: 960px)" );
window.PXUTheme.media_queries.xlarge = window.matchMedia( "(min-width: 1200px)" );
window.PXUTheme.media_queries.ie10 = window.matchMedia( "all and (-ms-high-contrast: none), (-ms-high-contrast: active)" );
window.PXUTheme.media_queries.tablet = window.matchMedia( "only screen and (min-width: 799px) and (max-width: 1024px)" );
window.PXUTheme.media_queries.mobile_and_tablet = window.matchMedia( "(max-width: 1024px)" );
</script>


    
      <script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/instantclick.min.js?v=20092422000980684151746154690" data-no-instant defer></script>

      <script data-no-instant>
        window.addEventListener('DOMContentLoaded', function() {

          function inIframe() {
            try {
              return window.self !== window.top;
            } catch (e) {
              return true;
            }
          }

          if (!inIframe()){
            InstantClick.on('change', function() {

              $('head script[src*="shopify"]').each(function() {
                var script = document.createElement('script');
                script.type = 'text/javascript';
                script.src = $(this).attr('src');

                $('body').append(script);
              });

              $('body').removeClass('fancybox-active');
              $.fancybox.destroy();

              InstantClick.init();

            });
          }
        });
      </script>
    

    <script>
      
    </script>

    <!-- pxu-sections-js start DO NOT EDIT --><script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/pxu-sections.js?v=78992380889438172771746154690" defer></script><!-- DO NOT EDIT pxu-sections-js end-->
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="SjfpNtW-BJ1X6O8jl13u36IusakjLBeYUynKTfEbVps">
<meta name="google-site-verification" content="T0bzXpPpYyYznNLsUyPVRykG2otRLlTZGeAl5M8XZk0">
<meta name="facebook-domain-verification" content="azblsw7zu2u1bpezliu10getg0dq94">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/19471527/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="3f09b5a8f6a516ee300ca39345ef745a">
<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=19471527" crossorigin="anonymous"></script>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":19471527,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/19471527","merchantName":"Out Of The Grey Coffee","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Out Of The Grey Coffee","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
<script id="shopify-features" type="application/json">{"accessToken":"3f09b5a8f6a516ee300ca39345ef745a","betas":["rich-media-storefront-analytics"],"domain":"outofthegreycoffee.com","predictiveSearch":true,"shopId":19471527,"locale":"en"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "out-of-the-grey-coffee.myshopify.com";
Shopify.locale = "en";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.country = "US";
Shopify.theme = {"name":"Turbo-v9.5.4.(w\/stamped)-5.2.25","id":149296185596,"schema_name":"Turbo","schema_version":"9.5.4","theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};
Shopify.cdnHost = "outofthegreycoffee.com/cdn";
Shopify.routes = Shopify.routes || {};
Shopify.routes.root = "/";</script>
<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "shop.app\/pay";</script>
<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
<script>
  window.Shopify = window.Shopify || {};
  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
  window.Shopify.featureAssets['shop-js'] = {"init-fed-cm":["modules/v2/client.init-fed-cm_D_UxnkVb.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-windoid":["modules/v2/client.init-windoid_Cc-qVL2z.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"shop-button":["modules/v2/client.shop-button_Cls8fA5R.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/client.init-shop-email-lookup-coordinator_B2bcHbF0.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"pay-button":["modules/v2/client.pay-button_DWJZkEJ7.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"shop-toast-manager":["modules/v2/client.shop-toast-manager_C97RHVS7.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js"],"avatar":["modules/v2/client.avatar_BTnouDA3.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/client.init-shop-for-new-customer-accounts_N-W60_Qf.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-login-button":["modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-cash-offers":["modules/v2/client.shop-cash-offers_-zS8l3L2.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"checkout-modal":["modules/v2/client.checkout-modal_B3vUumcK.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"init-customer-accounts-sign-up":["modules/v2/client.init-customer-accounts-sign-up_CEaN7ODi.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"init-customer-accounts":["modules/v2/client.init-customer-accounts_DXe3zqOZ.en.esm.js","modules/v2/client.shop-login-button_tQyWXqsV.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"shop-follow-button":["modules/v2/client.shop-follow-button_CtVAwMQo.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"lead-capture":["modules/v2/client.lead-capture_CR6ElJGq.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"],"payment-terms":["modules/v2/client.payment-terms_CCB9cVzN.en.esm.js","modules/v2/chunk.common_DX4hvK5k.esm.js","modules/v2/chunk.modal_XXU5RCt-.esm.js"]};
</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["https:\/\/cdn-app.sealsubscriptions.com\/shopify\/public\/js\/sealsubscriptions.js?shop=out-of-the-grey-coffee.myshopify.com","https:\/\/cdn1.stamped.io\/files\/widget.min.js?shop=out-of-the-grey-coffee.myshopify.com","https:\/\/cdn.hextom.com\/js\/freeshippingbar.js?shop=out-of-the-grey-coffee.myshopify.com","\/\/d3ebne3wf11ejw.cloudfront.net\/290-ec36446d0bb8e12be27a7ee0427876d2.js?shop=out-of-the-grey-coffee.myshopify.com","https:\/\/sp-micro-next.b-cdn.net\/sp-micro.umd.js?shop=out-of-the-grey-coffee.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":19471527,"offset":-14400,"reqid":"7eec580e-ef61-411c-b90b-1e0c586f7fd2-1747981101","pageurl":"outofthegreycoffee.com\/","u":"66c51b2c7db4","p":"home"};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.2.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
<script integrity="sha256-w1TMG8bx+vw+BuOfT7Dh2avfdjByyjlNYGyp9vJB5oo=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//outofthegreycoffee.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-c354cc1bc6f1fafc3e06e39f4fb0e1d9abdf763072ca394d606ca9f6f241e68a.js" crossorigin="anonymous"></script>
<script crossorigin="anonymous" defer="defer" src="//outofthegreycoffee.com/cdn/shopifycloud/shopify/assets/shopify_pay/storefront-80e528be853eac23af2454534897ca9536b1d3d04aa043b042f34879a3c111c8.js?v=20220906"></script>
<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://outofthegreycoffee.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
</script>
<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
</script>
<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
</script>
<script id='scb4127' type='text/javascript' async='' src='https://outofthegreycoffee.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script><script id="sections-script" data-sections="pxu-slideshow,pxu-mosaic" defer="defer" src="//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812"></script>
<link rel="stylesheet" media="screen" href="https://outofthegreycoffee.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">

<style id="shopify-accelerated-checkout-cart">
        #shopify-buyer-consent {
  margin-top: 1em;
  display: inline-block;
  width: 100%;
}

#shopify-buyer-consent.hidden {
  display: none;
}

#shopify-subscription-policy-button {
  background: none;
  border: none;
  padding: 0;
  text-decoration: underline;
  font-size: inherit;
  cursor: pointer;
}

#shopify-subscription-policy-button::before {
  box-shadow: none;
}

      </style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>

    

<meta name="author" content="Out Of The Grey Coffee">
<meta property="og:url" content="https://outofthegreycoffee.com/">
<meta property="og:site_name" content="Out Of The Grey Coffee">




  <meta property="og:type" content="website">
  <meta property="og:title" content="Coffee Roasted Daily | Out Of The Grey Coffee®">


  
  <meta property="og:image" content="https://outofthegreycoffee.com/cdn/shop/files/1200x628ootgcoffee_f5721576-a7c3-40a7-bbd4-54340f0b21e6_1200x.png?v=1659760313">
  <meta property="og:image:secure_url" content="https://outofthegreycoffee.com/cdn/shop/files/1200x628ootgcoffee_f5721576-a7c3-40a7-bbd4-54340f0b21e6_1200x.png?v=1659760313">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="628">



  <meta property="og:description" content="Thoughtfully Sourced | Coffee Roasted Daily | Shipping Truly Extraordinary Coffee &amp; Handcrafted Luxury Loose-Leaf Tea Everywhere | O Taste and See | Psalms 34:8">




  <meta name="twitter:site" content="@ootgcoffee">

<meta name="twitter:card" content="summary">



    
    
  <!-- pxu-sections-css start DO NOT EDIT --><link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/pxu-sections.css?v=47263561514360652261746154690" rel="stylesheet" type="text/css" media="all" /><!-- DO NOT EDIT pxu-sections-css end-->
<!-- BEGIN app block: shopify://apps/seal-subscriptions-loyalty/blocks/subscription-script-append/13b25004-a140-4ab7-b5fe-29918f759699 --><script defer="defer">
	/**	SealSubs loader,version number: 2.0 */
	(function(){
		var loadScript=function(a,b){var c=document.createElement("script");c.setAttribute("defer", "defer");c.type="text/javascript",c.readyState?c.onreadystatechange=function(){("loaded"==c.readyState||"complete"==c.readyState)&&(c.onreadystatechange=null,b())}:c.onload=function(){b()},c.src=a,document.getElementsByTagName("head")[0].appendChild(c)};
		// Set variable to prevent the other loader from requesting the same resources
		window.seal_subs_app_block_loader = true;
		appendScriptUrl('out-of-the-grey-coffee.myshopify.com');

		// get script url and append timestamp of last change
		function appendScriptUrl(shop) {
			var timeStamp = Math.floor(Date.now() / (1000*1*1));
			var timestampUrl = 'https://app.sealsubscriptions.com/shopify/public/status/shop/'+shop+'.js?'+timeStamp;
			loadScript(timestampUrl, function() {
				// append app script
				if (typeof sealsubscriptions_settings_updated == 'undefined') {
					sealsubscriptions_settings_updated = 'default-by-script';
				}
				var scriptUrl = "https://cdn-app.sealsubscriptions.com/shopify/public/js/sealsubscriptions-main.js?shop="+shop+"&"+sealsubscriptions_settings_updated;
				loadScript(scriptUrl, function(){});
			});
		}
	})();

	var SealSubsScriptAppended = true;
	
</script>

<!-- END app block --><!-- BEGIN app block: shopify://apps/seo-manager/blocks/seomanager/c54c366f-d4bb-4d52-8d2f-dd61ce8e7e12 --><!-- BEGIN app snippet: SEOManager4 -->
<meta name='seomanager' content='4.0.4' /> 


<script>
	function sm_htmldecode(str) {
		var txt = document.createElement('textarea');
		txt.innerHTML = str;
		return txt.value;
	}

	var venntov_title = sm_htmldecode("Coffee Roasted Daily | Out Of The Grey Coffee® ");
	var venntov_description = sm_htmldecode("Thoughtfully Sourced | Coffee Roasted Daily | Shipping Truly Extraordinary Coffee &amp; Handcrafted Luxury Loose-Leaf Tea Everywhere | O Taste and See | Psalms 34:8");
	
	if (venntov_title != '') {
		document.title = venntov_title;	
	}
	else {
		document.title = "Coffee Roasted Daily | Out Of The Grey Coffee®";	
	}

	if (document.querySelector('meta[name="description"]') == null) {
		var venntov_desc = document.createElement('meta');
		venntov_desc.name = "description";
		venntov_desc.content = venntov_description;
		var venntov_head = document.head;
		venntov_head.appendChild(venntov_desc);
	} else {
		document.querySelector('meta[name="description"]').setAttribute("content", venntov_description);
	}
</script>

<script>
	var venntov_robotVals = "index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1";
	if (venntov_robotVals !== "") {
		document.querySelectorAll("[name='robots']").forEach(e => e.remove());
		var venntov_robotMeta = document.createElement('meta');
		venntov_robotMeta.name = "robots";
		venntov_robotMeta.content = venntov_robotVals;
		var venntov_head = document.head;
		venntov_head.appendChild(venntov_robotMeta);
	}
</script>

<script>
	var venntov_googleVals = "";
	if (venntov_googleVals !== "") {
		document.querySelectorAll("[name='google']").forEach(e => e.remove());
		var venntov_googleMeta = document.createElement('meta');
		venntov_googleMeta.name = "google";
		venntov_googleMeta.content = venntov_googleVals;
		var venntov_head = document.head;
		venntov_head.appendChild(venntov_googleMeta);
	}
	</script>
	<!-- JSON-LD support -->
			<script type="application/ld+json">
			{
				"@context": "http://schema.org",
				"@type": "Organization",
				"name": "ootgCOFFEE",
				"url": "https://outofthegreycoffee.com","logo": "https://customers.seomanager.com/knowledgegraph/logo/out-of-the-grey-coffee_myshopify_com_logo.png"
						,"image": "https://customers.seomanager.com/knowledgegraph/logo/out-of-the-grey-coffee_myshopify_com_logo.png","contactPoint": [{ 
						"@type": "ContactPoint",
						"telephone": "888-354-5282",
						"contactType": "customer service" 
					},{ 
						"@type": "ContactPoint",
						"telephone": "888-354-5282",
						"contactType": "technical support"
					},{ 
						"@type": "ContactPoint",
						"telephone": "888-354-5282",
						"contactType": "sales"
					}],"sameAs": ["https://www.facebook.com/ootgcoffee", "https://twitter.com/ootgcoffee", "https://www.instagram.com/ootgcoffee", "https://www.pinterest.com/ootgcoffee", "https://www.youtube.com/channel/UCnN6FLBe45CEQTr8U_kkk9Q", "", "", ""]}
			</script>
			<script type="application/ld+json">
			{
				"@context": "https://schema.org",
				"@type": "Store",
				"name": "Out Of The Grey Coffee",
				"url": "https://outofthegreycoffee.com",
				"description": "Thoughtfully Sourced | Coffee Roasted Daily | Shipping Truly Extraordinary Coffee \u0026 Handcrafted Luxury Loose-Leaf Tea Everywhere | O Taste and See | Psalms 34:8"
,"image": "https://customers.seomanager.com/knowledgegraph/logo/out-of-the-grey-coffee_myshopify_com_logo.png","telephone": "888-354-5282","brand": {
						"@type": "Brand",
						"name": "Out Of The Grey Coffee"
					},"openingHoursSpecification": [ {
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Monday",
								"opens":  "00:00",
								"closes": "23:59"
							}, { 
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Tuesday",
								"opens":  "00:00",
								"closes": "23:59"
							}, { 
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Wednesday",
								"opens":  "00:00",
								"closes": "23:59"
							}, {
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Thursday",
								"opens":  "00:00",
								"closes": "23:59"
							}, {
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Friday",
								"opens":  "00:00",
								"closes": "23:59"
							}, { 
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Saturday",
								"opens":  "00:00",
								"closes": "23:59"
							}, { 
								"@type": "OpeningHoursSpecification",
								"dayOfWeek": "http://schema.org/Sunday",
								"opens":  "00:00",
								"closes": "23:59"
							}
					],"priceRange": "$13-$72","geo": {
					"@type": "GeoCoordinates",
					"latitude": "37.4513331",
					"longitude": "-79.08710049999999"
				}
				,"address": {
					"@type": "PostalAddress",
					"streetAddress": "P.O. Box 1177",
					"addressLocality": "Madison Heights",
					"addressRegion": "Virginia",
					"postalCode": "24572",
					"addressCountry": "US"
				}
			}
			</script>
			<script type="application/ld+json">
			{
				"@context": "https://schema.org",
				"@type": "WebSite",
				"name": "ootgCOFFEE",
				"url": "outofthegreycoffee.com",
				"potentialAction": {
					"@type": "SearchAction",
					"target": {
						"@type": "EntryPoint",
						"urlTemplate": "https://outofthegreycoffee.com/search?q={search_term_string}"
					},
					"query-input": "required name=search_term_string"
				}
			}
			</script>

<!-- 524F4D20383A3331 --><!-- END app snippet -->

<!-- END app block --><script src="https://cdn.shopify.com/extensions/b62ad080-219f-4c0a-84ec-c22c13251720/sales-pop-order-sales-popup-8/assets/main.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/cc32ede8-010c-4b17-a77b-9e62b4f87e36/hextom-shipping-bar-69/assets/freeshippingbar.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/ca001aef-6799-4e4c-bc7d-92ac861e488c/inbox-1238/assets/inbox-chat-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/7ab8ff98-1d3a-4496-bdfd-41ed77339d28/smile-io-180/assets/smile-loader.js" type="text/javascript" defer="defer"></script>
<script src="https://cdn.shopify.com/extensions/0f6cb160-b717-47f5-b6b5-028d79acd20e/omnisend-email-marketing-sms-40/assets/omnisend-in-shop.js" type="text/javascript" defer="defer"></script>
<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 19471527,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
<script id="web-pixels-manager-setup">(function e(e,d,r,n,o,i){if(void 0===i&&(i={}),!Boolean(null===(t=null===(a=window.Shopify)||void 0===a?void 0:a.analytics)||void 0===t?void 0:t.replayQueue)){var a,t;window.Shopify=window.Shopify||{};var s=window.Shopify;s.analytics=s.analytics||{};var l=s.analytics;l.replayQueue=[],l.publish=function(e,d,r){return l.replayQueue.push([e,d,r]),!0};try{self.performance.mark("wpm:start")}catch(e){}var u=function(){var e={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(13[2-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(13[1-9]|1[4-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/},d=e.modern,r=e.legacy,n=navigator.userAgent;return n.match(d)?"modern":n.match(r)?"legacy":"unknown"}(),c="modern"===u?"modern":"legacy",f=(null!=o?o:{modern:"",legacy:""})[c],m=function(e){return[e.baseUrl,"/wpm","/b",e.hashVersion,"modern"===e.buildTarget?"m":"l",".js"].join("")}({baseUrl:r,hashVersion:n,buildTarget:c}),p=function(e){var d=e.version,r=e.bundleTarget,n=e.surface,o=e.pageUrl,i=e.monorailEndpoint;return{emit:function(e){var a=e.status,t=e.errorMsg,s=(new Date).getTime(),l=JSON.stringify({metadata:{event_sent_at_ms:s},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:d,bundle_target:r,page_url:o,status:a,surface:n,error_msg:t},metadata:{event_created_at_ms:s}}]});if(!i)return console&&console.warn&&console.warn("[Web Pixels Manager] No Monorail endpoint provided, skipping logging."),!1;try{return self.navigator.sendBeacon.bind(self.navigator)(i,l)}catch(e){}var u=new XMLHttpRequest;try{return u.open("POST",i,!0),u.setRequestHeader("Content-Type","text/plain"),u.send(l),!0}catch(e){return console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging to Monorail."),!1}}}}({version:n,bundleTarget:u,surface:e.surface,pageUrl:self.location.href,monorailEndpoint:e.monorailEndpoint});try{i.browserTarget=u,function(e){var d=e.src,r=e.async,n=void 0===r||r,o=e.onload,i=e.onerror,a=e.sri,t=e.scriptDataAttributes,s=void 0===t?{}:t,l=document.createElement("script"),u=document.querySelector("head"),c=document.querySelector("body");if(l.async=n,l.src=d,a&&(l.integrity=a,l.crossOrigin="anonymous"),s)for(var f in s)if(Object.prototype.hasOwnProperty.call(s,f))try{l.dataset[f]=s[f]}catch(e){}if(o&&l.addEventListener("load",o),i&&l.addEventListener("error",i),u)u.appendChild(l);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(l)}}({src:m,async:!0,onload:function(){if(!function(){var e,d;return Boolean(null===(d=null===(e=window.Shopify)||void 0===e?void 0:e.analytics)||void 0===d?void 0:d.initialized)}()){var r=window.webPixelsManager.init(e)||void 0;if(r){d(r);var n=window.Shopify.analytics;n.replayQueue.forEach((function(e){var d=e[0],n=e[1],o=e[2];r.publishCustomEvent(d,n,o)})),n.replayQueue=[],n.publish=r.publishCustomEvent,n.visitor=r.visitor,n.initialized=!0}}},onerror:function(){return p.emit({status:"failed",errorMsg:"".concat(m," has failed to load")})},sri:function(e){var d=/^sha384-[A-Za-z0-9+/=]+$/;return"string"==typeof e&&d.test(e)}(f)?f:"",scriptDataAttributes:i}),p.emit({status:"loading"})}catch(e){p.emit({status:"failed",errorMsg:(null==e?void 0:e.message)||"Unknown error"})}}})({shopId: 19471527,storefrontBaseUrl: "https://outofthegreycoffee.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://monorail-edge.shopifysvc.com/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"690422012","configuration":"{\"backendUrl\":\"https:\\/\\/api.salespop.com\",\"shopifyDomain\":\"out-of-the-grey-coffee.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"ae31301539abe38ce888fecf34e1733d","type":"APP","apiClientId":1869884,"privacyPurposes":["ANALYTICS"]},{"id":"497942780","configuration":"{\"config\":\"{\\\"pixel_id\\\":\\\"G-DWS96QS3C5\\\",\\\"google_tag_ids\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\\",\\\"GT-P36THPH\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/lV01CL2C5ooBEM3vvrkD\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/IjTTCMCC5ooBEM3vvrkD\\\"]},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/u2pGCLeC5ooBEM3vvrkD\\\",\\\"MC-P1LZJ62XKC\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/O7ZJCLSC5ooBEM3vvrkD\\\",\\\"MC-P1LZJ62XKC\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/hwteCLGC5ooBEM3vvrkD\\\",\\\"MC-P1LZJ62XKC\\\"]},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/EmxOCMOC5ooBEM3vvrkD\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-DWS96QS3C5\\\",\\\"AW-925874125\\/Rd82CLqC5ooBEM3vvrkD\\\"]}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"32490078a1ca868202a857e260a8d770","type":"APP","apiClientId":1780363,"privacyPurposes":[]},{"id":"128581884","configuration":"{\"pixel_id\":\"267953968754932\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"8d894c63179843e74a9691414b5ad83d","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"107053308","configuration":"{\"apiURL\":\"https://api.omnisend.com\",\"appURL\":\"https://app.omnisend.com\",\"brandID\":\"5c3020868653ed3b5e4c296e\",\"trackingURL\":\"https://wt.omnisendlink.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a02f2ac1c9846ef3d018f920cac9aa87","type":"APP","apiClientId":186001,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"65175804","configuration":"{\"tagID\":\"2618074388494\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"a89c2bcc8138c8634a19a76241c7876a","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"]},{"id":"63799548","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["MARKETING"],"name":"Meta pixel (migrated)"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0411","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,effectiveTopLevelDomain: "com",initData: {"shop":{"name":"Out Of The Grey Coffee","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"out-of-the-grey-coffee.myshopify.com","countryCode":"US","storefrontUrl":"https://outofthegreycoffee.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});},"https://outofthegreycoffee.com/cdn","935f4241w0b15245bp55758f58mca69c867",{"modern":"","legacy":""},{"shopId":"19471527","storefrontBaseUrl":"https://outofthegreycoffee.com","extensionBaseUrl":"https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[]","isMerchantRequest":"false","hashVersion":"935f4241w0b15245bp55758f58mca69c867"});</script><script>
  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
  window.ShopifyAnalytics.meta.currency = 'USD';
  var meta = {"page":{"pageType":"home"}};
  for (var attr in meta) {
    window.ShopifyAnalytics.meta[attr] = meta[attr];
  }
</script>
<script class="analytics">
  (function () {
    var customDocumentWrite = function(content) {
      var jquery = null;

      if (window.jQuery) {
        jquery = window.jQuery;
      } else if (window.Checkout && window.Checkout.$) {
        jquery = window.Checkout.$;
      }

      if (jquery) {
        jquery('body').append(content);
      }
    };

    var hasLoggedConversion = function(token) {
      if (token) {
        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
      }
      return false;
    }

    var setCookieIfConversion = function(token) {
      if (token) {
        var twoMonthsFromNow = new Date(Date.now());
        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
      }
    }

    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
    if (trekkie.integrations) {
      return;
    }
    trekkie.methods = [
      'identify',
      'page',
      'ready',
      'track',
      'trackForm',
      'trackLink'
    ];
    trekkie.factory = function(method) {
      return function() {
        var args = Array.prototype.slice.call(arguments);
        args.unshift(method);
        trekkie.push(args);
        return trekkie;
      };
    };
    for (var i = 0; i < trekkie.methods.length; i++) {
      var key = trekkie.methods[i];
      trekkie[key] = trekkie.factory(key);
    }
    trekkie.load = function(config) {
      trekkie.config = config || {};
      trekkie.config.initialDocumentCookie = document.cookie;
      var first = document.getElementsByTagName('script')[0];
      var script = document.createElement('script');
      script.type = 'text/javascript';
      script.onerror = function(e) {
        var scriptFallback = document.createElement('script');
        scriptFallback.type = 'text/javascript';
        scriptFallback.onerror = function(error) {
                var Monorail = {
      produce: function produce(monorailDomain, schemaId, payload) {
        var currentMs = new Date().getTime();
        var event = {
          schema_id: schemaId,
          payload: payload,
          metadata: {
            event_created_at_ms: currentMs,
            event_sent_at_ms: currentMs
          }
        };
        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
      },
      sendRequest: function sendRequest(endpointUrl, payload) {
        // Try the sendBeacon API
        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
          var blobData = new window.Blob([payload], {
            type: 'text/plain'
          });

          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
            return true;
          } // sendBeacon was not successful

        } // XHR beacon

        var xhr = new XMLHttpRequest();

        try {
          xhr.open('POST', endpointUrl);
          xhr.setRequestHeader('Content-Type', 'text/plain');
          xhr.send(payload);
        } catch (e) {
          console.log(e);
        }

        return false;
      },
      isIos12: function isIos12() {
        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
      }
    };
    Monorail.produce('monorail-edge.shopifysvc.com',
      'trekkie_storefront_load_errors/1.1',
      {shop_id: 19471527,
      theme_id: 149296185596,
      app_name: "storefront",
      context_url: window.location.href,
      source_url: "//outofthegreycoffee.com/cdn/s/trekkie.storefront.fc89087661a0619ee61984dff12e5581bfee89c0.min.js"});

        };
        scriptFallback.async = true;
        scriptFallback.src = '//outofthegreycoffee.com/cdn/s/trekkie.storefront.fc89087661a0619ee61984dff12e5581bfee89c0.min.js';
        first.parentNode.insertBefore(scriptFallback, first);
      };
      script.async = true;
      script.src = '//outofthegreycoffee.com/cdn/s/trekkie.storefront.fc89087661a0619ee61984dff12e5581bfee89c0.min.js';
      first.parentNode.insertBefore(script, first);
    };
    trekkie.load(
      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":19471527,"isMerchantRequest":null,"themeId":149296185596,"themeCityHash":"15455733572288942835","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
    );

    var loaded = false;
    trekkie.ready(function() {
      if (loaded) return;
      loaded = true;

      window.ShopifyAnalytics.lib = window.trekkie;

      var originalDocumentWrite = document.write;
      document.write = customDocumentWrite;
      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
      document.write = originalDocumentWrite;

      window.ShopifyAnalytics.lib.page(null,{"pageType":"home","shopifyEmitted":true});

      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
      var token = match? match[1]: undefined;
      if (!hasLoggedConversion(token)) {
        setCookieIfConversion(token);
        
      }
    });


        var eventsListenerScript = document.createElement('script');
        eventsListenerScript.async = true;
        eventsListenerScript.src = "//outofthegreycoffee.com/cdn/shopifycloud/shopify/assets/shop_events_listener-f55dd2979ec32029c7d9e0b454ab8b33f79c01ca039d17a6f5c9b95647564b19.js";
        document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);

})();</script>
  <script>
  if (!window.ga || (window.ga && typeof window.ga !== 'function')) {
    window.ga = function ga() {
      (window.ga.q = window.ga.q || []).push(arguments);
      if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
        window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"});
      }
      console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information.");
    };
    if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') {
      window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"});
    }
  }
</script>
<script
  defer
  src="https://outofthegreycoffee.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.6.2.min.js"
  data-application="storefront-renderer"
  data-shop-id="19471527"
  data-render-region="gcp-europe-west1"
  data-page-type="index"
  data-theme-instance-id="149296185596"
  data-theme-name="Turbo"
  data-theme-version="9.5.4"
  data-monorail-region="shop_domain"
  data-resource-timing-sampling-rate="10"
  data-shs="true"
></script>
</head>

  

  <noscript>
    <style>
      .product_section .product_form,
      .product_gallery {
        opacity: 1;
      }

      .multi_select,
      form .select {
        display: block !important;
      }

      .image-element__wrap {
        display: none;
      }
    </style>
  </noscript>

  <body class="index"
        data-money-format="${{amount}}"
        data-shop-currency="USD"
        data-shop-url="https://outofthegreycoffee.com">

  <script>
    document.documentElement.className=document.documentElement.className.replace(/\bno-js\b/,'js');
    if(window.Shopify&&window.Shopify.designMode)document.documentElement.className+=' in-theme-editor';
    if(('ontouchstart' in window)||window.DocumentTouch&&document instanceof DocumentTouch)document.documentElement.className=document.documentElement.className.replace(/\bno-touch\b/,'has-touch');
  </script>

    
    <svg
      class="icon-star-reference"
      aria-hidden="true"
      focusable="false"
      role="presentation"
      xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="3 3 17 17" fill="none"
    >
      <symbol id="icon-star">
        <rect class="icon-star-background" width="20" height="20" fill="currentColor"/>
        <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" fill="none"/>
      </symbol>
      <clipPath id="icon-star-clip">
        <path d="M10 3L12.163 7.60778L17 8.35121L13.5 11.9359L14.326 17L10 14.6078L5.674 17L6.5 11.9359L3 8.35121L7.837 7.60778L10 3Z" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
      </clipPath>
    </svg>
    


    <div class="header-group">
      
      <!-- BEGIN sections: header-group -->
<div id="shopify-section-sections--19197231235324__16891990963e4a9d9d" class="shopify-section shopify-section-group-header-group"><div class="product-app--container">
  <div class="container">
    <div class="one-whole column">
      
        <div id="shopify-block-d4b2a830-d7d8-4a8b-8081-92ab3e97c464" class="shopify-block shopify-app-block"><div id="fsb_placeholder"></div>


</div>
      
    </div>
  </div>
</div>


</div><div id="shopify-section-sections--19197231235324__header" class="shopify-section shopify-section-group-header-group shopify-section--header"><script
  type="application/json"
  data-section-type="header"
  data-section-id="sections--19197231235324__header"
>
</script>



<script type="application/ld+json">
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Out Of The Grey Coffee",
    
      
      "logo": "https://outofthegreycoffee.com/cdn/shop/files/logo_wR_2024c_1900x.png?v=1724615682",
    
    "sameAs": [
      "",
      "",
      "",
      "",
      "https://www.facebook.com/ootgCoffee/",
      "",
      "",
      "https://www.instagram.com/ootgcoffee",
      "",
      "",
      "",
      "https://m.me/147979878560033",
      "",
      "https://pinterest.com/ootgcoffee",
      "",
      "",
      "",
      "",
      "https://tiktok.com/@ootgcoffee",
      "",
      "",
      "https://twitter.com/ootgcoffee",
      "",
      "",
      "https://www.youtube.com/channel/UCnN6FLBe45CEQTr8U_kkk9Q"
    ],
    "url": "https://outofthegreycoffee.com"
  }
</script>


  <script type="application/ld+json">
    {
      "@context": "http://schema.org",
      "@type": "WebSite",
      "name": "Out Of The Grey Coffee",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "url": "https://outofthegreycoffee.com"
    }
  </script>



<header id="header" class="mobile_nav-fixed--true">
  

  <div class="top-bar">
    <details data-mobile-menu>
      <summary class="mobile_nav dropdown_link" data-mobile-menu-trigger>
        <div data-mobile-menu-icon>
          <span></span>
          <span></span>
          <span></span>
          <span></span>
        </div>

        <span class="mobile-menu-title">Menu</span>
      </summary>
      <div class="mobile-menu-container dropdown" data-nav>
        <ul class="menu" id="mobile_menu">
          
  <template data-nav-parent-template>
    <li class="sublink">
      <a href="#" data-no-instant class="parent-link--true"><div class="mobile-menu-item-title" data-nav-title></div><span class="right icon-down-arrow"></span></a>
      <ul class="mobile-mega-menu" data-meganav-target-container>
      </ul>
    </li>
  </template>
  
    
      <li data-mobile-dropdown-rel="home" data-meganav-mobile-target="home">
        
          <a data-nav-title data-no-instant href="/" class="parent-link--false">
            Home
          </a>
        
      </li>
    
  
    
      <li data-mobile-dropdown-rel="coffee" class="sublink" data-meganav-mobile-target="coffee">
        
          <a data-no-instant href="/collections/ootgcoffee-coffee" class="parent-link--true">
            <div class="mobile-menu-item-title" data-nav-title>Coffee</div>
            <span class="right icon-down-arrow"></span>
          </a>
        
        <ul>
          
            
              <li class="sublink">
                
                  <a data-no-instant href="/collections/ootgcoffee-single-origin" class="parent-link--true">
                    Single Origin <span class="right icon-down-arrow"></span>
                  </a>
                
                <ul>
                  
                    <li><a href="/collections/balanced-brew/single">Low Acidic</a></li>
                  
                    <li><a href="/collections/ootgcoffee-fair-trade">Fair Trade</a></li>
                  
                    <li><a href="/collections/ootgcoffee-african">African</a></li>
                  
                    <li><a href="/collections/ootgcoffee-asian">Asian</a></li>
                  
                    <li><a href="/collections/ootgcoffee-americas">Americas</a></li>
                  
                    <li><a href="/collections/ootgcoffee-single-origin-decaf">Decaf</a></li>
                  
                </ul>
              </li>
            
          
            
              <li class="sublink">
                
                  <a data-no-instant href="/collections/ootgcoffee-artisan-blend" class="parent-link--true">
                    Artisan Blend <span class="right icon-down-arrow"></span>
                  </a>
                
                <ul>
                  
                    <li><a href="/collections/balanced-brew/Artisan-Blends">Low Acidic</a></li>
                  
                    <li><a href="/collections/ootgcoffee-dark-roast/Artisan-Blends">Dark Roast</a></li>
                  
                    <li><a href="/collections/ootgcoffee-japanese-roast">Japanese Roast</a></li>
                  
                    <li><a href="/collections/ootgcoffee-medium-roast/Artisan-Blends">Medium Roast</a></li>
                  
                    <li><a href="/collections/ootgcoffee-light-roast/Artisan-Blends">Light Roast</a></li>
                  
                    <li><a href="/collections/ootgcoffee-swiss-water-processed-decaf/Artisan-Blends">Decaf</a></li>
                  
                </ul>
              </li>
            
          
            
              <li class="sublink">
                
                  <a data-no-instant href="/collections/ootgcoffee-limited-release" class="parent-link--true">
                    Limited Release <span class="right icon-down-arrow"></span>
                  </a>
                
                <ul>
                  
                    <li><a href="/collections/balanced-brew/Limited-Release">Low Acidic</a></li>
                  
                    <li><a href="/collections/ootgcoffee-fair-trade">Fair Trade</a></li>
                  
                    <li><a href="/collections/ootgcoffee-african/Limited-Release">Africa</a></li>
                  
                    <li><a href="/collections/ootgcoffee-asian/Limited-Release">Asia</a></li>
                  
                    <li><a href="/collections/ootgcoffee-americas/Limited-Release">Americas</a></li>
                  
                    <li><a href="/collections/ootgcoffee-swiss-water-processed-decaf/Limited-Release">Decaf</a></li>
                  
                </ul>
              </li>
            
          
            
              <li class="sublink">
                
                  <a data-no-instant href="/collections/ootgcoffee-espresso" class="parent-link--true">
                    Espresso <span class="right icon-down-arrow"></span>
                  </a>
                
                <ul>
                  
                    <li><a href="/collections/balanced-brew/Espresso">Low Acidic</a></li>
                  
                    <li><a href="/collections/ootgcoffee-single-origin/Espresso">Single Origin</a></li>
                  
                    <li><a href="/collections/ootgcoffee-artisan-blend/Espresso">Artisan Blends</a></li>
                  
                    <li><a href="/collections/ootgcoffee-swiss-water-processed-decaf/Espresso">Decaf</a></li>
                  
                </ul>
              </li>
            
          
            
              <li class="sublink">
                
                  <a data-no-instant href="/collections/ootgcoffee-flavored" class="parent-link--true">
                    Flavored (Low Acidic) <span class="right icon-down-arrow"></span>
                  </a>
                
                <ul>
                  
                    <li><a href="/collections/ootgcoffee-chocolate-flavored">Chocolate</a></li>
                  
                    <li><a href="/collections/ootgcoffee-spicy-flavored">Spice</a></li>
                  
                    <li><a href="/collections/ootgcoffee-nutty-flavored">Nut</a></li>
                  
                    <li><a href="/collections/ootgcoffee-fruity-flavored">Fruit</a></li>
                  
                    <li><a href="/collections/ootgcoffee-sweet-flavored">Sweet</a></li>
                  
                    <li><a href="/collections/ootgcoffee-flavored-decaf">Decaf</a></li>
                  
                </ul>
              </li>
            
          
        </ul>
      </li>
    
  
    
      <li data-mobile-dropdown-rel="tea" data-meganav-mobile-target="tea">
        
          <a data-nav-title data-no-instant href="/collections/ootgcoffee-luxury-loose-leaf" class="parent-link--true">
            Tea
          </a>
        
      </li>
    
  
    
      <li data-mobile-dropdown-rel="a-crucial-question" data-meganav-mobile-target="a-crucial-question">
        
          <a data-nav-title data-no-instant href="/pages/ootgcoffee-a-crucial-question" class="parent-link--true">
            A Crucial Question
          </a>
        
      </li>
    
  


          
  <template data-nav-parent-template>
    <li class="sublink">
      <a href="#" data-no-instant class="parent-link--true"><div class="mobile-menu-item-title" data-nav-title></div><span class="right icon-down-arrow"></span></a>
      <ul class="mobile-mega-menu" data-meganav-target-container>
      </ul>
    </li>
  </template>
  


          
  



          
            <li>
              <a href="tel:1.888.354.JAVA">1.888.354.JAVA</a>
            </li>
          

          
            
              <li data-no-instant>
                <a href="/account/login" id="customer_login_link">Login</a>
              </li>
            
          

          
            

  

  <li
    data-mobile-dropdown-rel="catalog-no-link"
    class="sublink"
    data-currency-converter
  >
    <a
      data-mobile-dropdown-rel="catalog-no-link"
      class="mobile-disclosure-link parent-link--false"
    >
      <span class="currency-code">USD</span><span class="right icon-down-arrow"></span>
    </a>

    <ul
      class="
        mobile-menu__disclosure
        disclosure-text-style-uppercase
      "
    >
      
        <li
          class="
            disclosure-list__item
            disclosure-list__item--current
          "
        >
          <button
            type="submit"
            class="disclosure__button"
            name="currency_code"
            value="USD"
          >
            USD
          </button>
        </li>
      
        <li
          class="
            disclosure-list__item
            disclosure-list__item--current
          "
        >
          <button
            type="submit"
            class="disclosure__button"
            name="currency_code"
            value="CAD"
          >
            CAD
          </button>
        </li>
      
        <li
          class="
            disclosure-list__item
            disclosure-list__item--current
          "
        >
          <button
            type="submit"
            class="disclosure__button"
            name="currency_code"
            value="AUD"
          >
            AUD
          </button>
        </li>
      
        <li
          class="
            disclosure-list__item
            disclosure-list__item--current
          "
        >
          <button
            type="submit"
            class="disclosure__button"
            name="currency_code"
            value="GBP"
          >
            GBP
          </button>
        </li>
      
        <li
          class="
            disclosure-list__item
            disclosure-list__item--current
          "
        >
          <button
            type="submit"
            class="disclosure__button"
            name="currency_code"
            value="EUR"
          >
            EUR
          </button>
        </li>
      
        <li
          class="
            disclosure-list__item
            disclosure-list__item--current
          "
        >
          <button
            type="submit"
            class="disclosure__button"
            name="currency_code"
            value="JPY"
          >
            JPY
          </button>
        </li>
      
    </ul>
  </li>
          
        </ul>
      </div>
    </details>

    <a href="/" title="Out Of The Grey Coffee" class="mobile_logo logo">
      
        <img
          src="//outofthegreycoffee.com/cdn/shop/files/logo_wR_2024c_410x.png?v=1724615682"
          alt="Out Of The Grey Coffee"
          class="lazyload"
          style="object-fit: cover; object-position: 50.0% 50.0%;"
        >
      
    </a>

    <div class="top-bar--right">
      
        <a href="/search" class="icon-search dropdown_link" title="Search" data-dropdown-rel="search"></a>
      

      
        <div class="cart-container">
          <a href="/cart" class="icon-cart mini_cart dropdown_link" title="Cart" data-no-instant> <span class="cart_count">0</span></a>
        </div>
      
    </div>
  </div>
</header>





<header
  class="
    
    search-enabled--true
  "
  data-desktop-header
  data-header-feature-image="true"
>
  <div
    class="
      header
      header-fixed--true
      header-background--solid
    "
      data-header-is-absolute=""
  >
    

    <div class="top-bar">
      
        
<style>
      
    .social-icons{--icon-size: 24px;display:flex;flex-wrap:wrap;gap:var(--icon-size) 13px}.social-icons--small{--icon-size: 15px;gap:5px 16px}.social-icons__icon{display:inline-block;list-style:none}.social-icons__icon-link{color:var(--icon-color)}.social-icons__icon-link:hover,.social-icons__icon-link:focus,.social-icons__icon-link:active{color:var(--icon-hover-color)}
/*# sourceMappingURL=/s/files/1/0073/6539/4550/t/76/assets/component.social-icons.css.map?v=143330683244792749101746561857 */

  
    </style>

<ul
    class="
      social-icons
      social-icons--medium
    "
    style="
      
      
    "
  >
    <li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.facebook.com/ootgCoffee/" title="Out Of The Grey Coffee on Facebook" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M608 192H768V0H608C484.486 0 384 100.486 384 224V320H256V512H384V1024H576V512H736L768 320H576V224C576 206.654 590.654 192 608 192Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.instagram.com/ootgcoffee" title="Out Of The Grey Coffee on Instagram" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M658.143 511.857C658.143 471.476 643.857 437 615.286 408.428C586.715 379.856 552.238 365.57 511.857 365.571C471.476 365.572 436.999 379.857 408.428 408.428C379.857 436.999 365.571 471.475 365.571 511.857C365.571 552.239 379.857 586.715 408.428 615.286C436.999 643.857 471.476 658.142 511.857 658.143C552.238 658.144 586.715 643.858 615.286 615.286C643.857 586.714 658.143 552.238 658.143 511.857ZM737 511.857C737 574.333 715.095 627.476 671.286 671.286C627.477 715.096 574.334 737.001 511.857 737C449.38 736.999 396.237 715.095 352.428 671.286C308.619 627.477 286.714 574.334 286.714 511.857C286.714 449.38 308.619 396.237 352.428 352.428C396.237 308.619 449.38 286.715 511.857 286.714C574.334 286.713 627.477 308.618 671.286 352.428C715.095 396.238 737 449.381 737 511.857ZM798.714 277.571C798.714 292.047 793.571 304.428 783.285 314.714C772.999 325 760.618 330.143 746.142 330.143C731.666 330.143 719.285 325 708.999 314.714C698.713 304.428 693.57 292.047 693.57 277.571C693.57 263.095 698.713 250.714 708.999 240.428C719.285 230.142 731.666 224.999 746.142 224.999C760.618 224.999 772.999 230.142 783.285 240.428C793.571 250.714 798.714 263.095 798.714 277.571ZM511.857 151.857C509.19 151.857 494.619 151.762 468.143 151.571C441.667 151.38 421.572 151.38 407.857 151.571C394.142 151.762 375.761 152.333 352.714 153.285C329.667 154.237 310.048 156.142 293.857 158.999C277.666 161.856 264.047 165.38 253 169.57C233.953 177.189 217.191 188.237 202.714 202.713C188.237 217.189 177.19 233.951 169.571 252.999C165.38 264.046 161.857 277.665 159 293.856C156.143 310.047 154.239 329.666 153.286 352.713C152.333 375.76 151.762 394.141 151.572 407.856C151.382 421.571 151.382 441.666 151.572 468.142C151.762 494.618 151.857 509.189 151.858 511.856C151.859 514.523 151.763 529.094 151.572 555.57C151.381 582.046 151.381 602.141 151.572 615.856C151.763 629.571 152.335 647.952 153.286 670.999C154.237 694.046 156.142 713.665 159 729.856C161.858 746.047 165.382 759.666 169.571 770.713C177.19 789.76 188.238 806.522 202.714 820.999C217.19 835.476 233.952 846.523 253 854.142C264.047 858.333 277.666 861.856 293.857 864.713C310.048 867.57 329.667 869.474 352.714 870.427C375.761 871.38 394.142 871.951 407.857 872.141C421.572 872.331 441.667 872.331 468.143 872.141C494.619 871.951 509.19 871.856 511.857 871.855C514.524 871.854 529.095 871.95 555.571 872.141C582.047 872.332 602.142 872.332 615.857 872.141C629.572 871.95 647.953 871.378 671 870.427C694.047 869.476 713.666 867.571 729.857 864.713C746.048 861.855 759.667 858.331 770.714 854.142C789.761 846.523 806.523 835.475 821 820.999C835.477 806.523 846.524 789.761 854.143 770.713C858.334 759.666 861.857 746.047 864.714 729.856C867.571 713.665 869.475 694.046 870.428 670.999C871.381 647.952 871.952 629.571 872.142 615.856C872.332 602.141 872.332 582.046 872.142 555.57C871.952 529.094 871.857 514.523 871.856 511.856C871.855 509.189 871.951 494.618 872.142 468.142C872.333 441.666 872.333 421.571 872.142 407.856C871.951 394.141 871.379 375.76 870.428 352.713C869.477 329.666 867.572 310.047 864.714 293.856C861.856 277.665 858.332 264.046 854.143 252.999C846.524 233.952 835.476 217.19 821 202.713C806.524 188.236 789.762 177.189 770.714 169.57C759.667 165.379 746.048 161.856 729.857 158.999C713.666 156.142 694.047 154.238 671 153.285C647.953 152.332 629.572 151.761 615.857 151.571C602.142 151.381 582.047 151.381 555.571 151.571C529.095 151.761 514.524 151.856 511.857 151.857ZM950.714 511.857C950.714 599.095 949.762 659.476 947.857 693C944.048 772.238 920.429 833.571 877 877C833.571 920.429 772.238 944.048 693 947.857C659.476 949.762 599.095 950.714 511.857 950.714C424.619 950.714 364.238 949.762 330.714 947.857C251.476 944.048 190.143 920.429 146.714 877C103.285 833.571 79.6663 772.238 75.857 693C73.9523 659.476 73 599.095 73 511.857C73 424.619 73.9523 364.238 75.857 330.714C79.6663 251.476 103.285 190.143 146.714 146.714C190.143 103.285 251.476 79.6663 330.714 75.857C364.238 73.9523 424.619 73 511.857 73C599.095 73 659.476 73.9523 693 75.857C772.238 79.6663 833.571 103.285 877 146.714C920.429 190.143 944.048 251.476 947.857 330.714C949.762 364.238 950.714 424.619 950.714 511.857Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://m.me/147979878560033" title="Out Of The Grey Coffee on Messenger" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M0.042002 496.64C0.042002 211.2 223.615 0 512.042 0C800.469 0 1024.04 211.2 1024.04 496.64C1024.04 782.08 800.469 993.28 512.042 993.28C460.415 993.28 410.495 986.453 363.989 973.653C360.796 972.759 357.129 972.245 353.342 972.245C347.31 972.245 341.582 973.549 336.425 975.891L336.682 975.787L234.709 1020.59C229.81 1022.82 224.084 1024.13 218.053 1024.13C195.837 1024.13 177.752 1006.44 177.111 984.38L177.11 984.321L174.123 893.014C173.623 881.473 168.47 871.227 160.506 864.033L160.47 864.001C61.756 774.703 0 646.135 0 503.144C0 500.858 0.016 498.575 0.047002 496.296L0.0430019 496.641L0.042002 496.64ZM355.029 403.2L204.842 642.133C189.909 664.746 218.495 690.773 239.829 674.133L401.536 551.68C412.629 543.147 427.136 543.147 438.656 551.68L558.123 641.28C593.963 668.16 645.163 658.347 669.056 620.8L819.243 381.867C834.176 359.254 805.59 333.654 784.256 349.867L622.549 472.32C611.882 480.853 596.949 480.853 585.856 472.32L466.389 382.72C453.673 373.032 437.566 367.199 420.096 367.199C392.804 367.199 368.836 381.435 355.215 402.887L355.029 403.2Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://pinterest.com/ootgcoffee" title="Out Of The Grey Coffee on Pinterest" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1025" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M441.487 677.245C414.556 818.25 381.737 953.418 284.405 1024.02C254.402 810.929 328.488 650.929 362.946 481.047C304.22 382.231 370.012 183.473 493.762 232.471C646.082 292.682 361.871 599.677 552.642 638.077C751.861 678.064 833.167 292.477 709.621 167.088C531.189 -14.0578 190.146 162.838 232.13 422.166C242.319 485.552 307.804 504.752 258.293 592.252C144.066 566.959 109.967 476.847 114.37 356.732C121.436 160.124 290.959 22.5502 461.045 3.45226C676.136 -20.6628 878.018 82.4542 905.922 284.745C937.308 513.148 808.847 760.547 578.805 742.729C516.443 737.865 490.331 706.941 441.487 677.245Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://tiktok.com/@ootgcoffee" title="Out Of The Grey Coffee on TikTok" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1025" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M534.237 0.853027C590.13 2.73585e-05 645.597 0.426 701.064 0C704.477 65.28 727.944 131.84 775.731 177.92C823.518 225.28 890.931 247.04 956.638 254.293V426.24C895.198 424.107 833.331 411.307 777.438 384.853C753.118 373.76 730.505 359.68 708.318 345.173C707.891 469.76 708.745 594.346 707.465 718.506C704.052 778.239 684.425 837.546 649.865 886.613C593.972 968.533 497.118 1021.87 397.705 1023.57C336.692 1026.99 275.678 1010.35 223.625 979.626C137.438 928.853 76.8518 835.839 67.8918 735.999C67.0388 714.666 66.6118 693.332 67.4648 672.426C75.1448 591.359 115.252 513.706 177.545 460.799C248.372 399.359 347.358 369.919 439.945 387.412C440.798 450.559 438.238 513.705 438.238 576.852C395.998 563.199 346.505 567.039 309.385 592.639C282.505 610.132 262.025 637.012 251.358 667.306C242.398 689.066 244.958 712.959 245.385 735.999C255.625 805.972 323.038 864.852 394.718 858.452C442.505 858.025 488.158 830.292 512.905 789.759C521.012 775.679 529.972 761.172 530.398 744.532C534.665 668.159 532.958 592.212 533.385 515.839C533.812 343.892 532.958 172.372 534.238 0.85199L534.237 0.853027Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.youtube.com/channel/UCnN6FLBe45CEQTr8U_kkk9Q" title="Out Of The Grey Coffee on YouTube" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M731.429 511.715C731.429 497.62 725.715 487.334 714.286 480.858L421.715 298.001C409.906 290.382 397.525 290.001 384.572 296.858C372.001 303.715 365.715 314.382 365.715 328.858V694.572C365.715 709.048 372.001 719.715 384.572 726.572C390.667 729.619 396.572 731.143 402.286 731.143C409.905 731.143 416.382 729.238 421.715 725.429L714.286 542.572C725.715 536.096 731.429 525.81 731.429 511.715ZM1024 511.715C1024 548.286 1023.81 576.858 1023.43 597.429C1023.05 618 1021.43 644 1018.57 675.429C1015.71 706.858 1011.43 734.953 1005.72 759.715C999.62 787.524 986.477 810.953 966.286 830.001C946.095 849.049 922.476 860.097 895.429 863.144C810.858 872.668 683.048 877.43 512 877.43C340.952 877.43 213.142 872.668 128.571 863.144C101.524 860.097 77.8093 849.049 57.428 830.001C37.0467 810.953 23.8087 787.524 17.714 759.715C12.3807 734.953 8.28533 706.858 5.428 675.429C2.57067 644 0.951667 618 0.571 597.429C0.190333 576.858 0 548.286 0 511.715C0 475.144 0.190333 446.572 0.571 426.001C0.951667 405.43 2.57067 379.43 5.428 348.001C8.28533 316.572 12.571 288.477 18.285 263.715C24.3803 235.906 37.5233 212.477 57.714 193.429C77.9047 174.381 101.524 163.333 128.571 160.286C213.142 150.762 340.952 146 512 146C683.048 146 810.858 150.762 895.429 160.286C922.476 163.333 946.191 174.381 966.572 193.429C986.953 212.477 1000.19 235.906 1006.29 263.715C1011.62 288.477 1015.71 316.572 1018.57 348.001C1021.43 379.43 1023.05 405.43 1023.43 426.001C1023.81 446.572 1024 475.144 1024 511.715Z"/>
</svg>


      </a>
    </li>
  </ul>
      

      <ul class="top-bar__menu menu">
        
          <li>
            <a href="tel:1.888.354.JAVA">1.888.354.JAVA</a>
          </li>
        

        
      </ul>

      <div class="top-bar--right-menu">
        <ul class="top-bar__menu">
          
            <li class="localization-wrap">
              
<form method="post" action="/localization" id="header__selector-form" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization header-menu__disclosure">
  <div class="selectors-form__wrap">
      

      <div class="selectors-form__item selectors-form__currency" value="USD" data-currency-converter data-default-shop-currency="USD">
        <h2 class="hidden" id="currency-heading">
          Currency
        </h2>

        <div class="disclosure disclosure--currency disclosure-text-style-uppercase" data-disclosure data-disclosure-currency>
          <button type="button" class="disclosure__toggle disclosure__toggle--currency" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-disclosure-toggle>
            <span class="currency-code">USD</span> <span class="icon-down-arrow"></span>
          </button>
          <div class="disclosure__list-wrap">
            <ul id="currency-list" class="disclosure-list" data-disclosure-list data-default-shop-currency="USD" data-currency-converter>
              
                <li class="disclosure-list__item disclosure-list__item--current">
                  <button class="disclosure__button" name="currency_code" value="USD">
                    USD
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="CAD">
                    CAD
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="AUD">
                    AUD
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="GBP">
                    GBP
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="EUR">
                    EUR
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="JPY">
                    JPY
                  </button>
                </li></ul>
          </div>
        </div>
      </div></div>
</div></form>
            </li>
          

          
            <li>
              <a
                href="/account"
                class="
                  top-bar__login-link
                  icon-user
                "
                title="My Account "
              >
                Login
              </a>
            </li>
          
        </ul>

        
          <div class="cart-container">
            <a href="/cart" class="icon-cart mini_cart dropdown_link" data-no-instant>
              <span class="cart_count">0</span>
            </a>

            
              <div class="tos_warning cart_content animated fadeIn">
                <div class="js-empty-cart__message ">
                  <p class="empty_cart">Your Cart is Empty</p>
                </div>

                <form action="/cart"
                      method="post"
                      class="hidden"
                      data-total-discount="0"
                      data-money-format="${{amount}}"
                      data-shop-currency="USD"
                      data-shop-name="Out Of The Grey Coffee"
                      data-cart-form="mini-cart">
                  <a class="cart_content__continue-shopping secondary_button">
                    Continue Shopping
                  </a>

                  <ul class="cart_items js-cart_items">
                  </ul>

                  <ul>
                    <li class="cart_discounts js-cart_discounts sale">
                      
                    </li>

                    <li class="cart_subtotal js-cart_subtotal">
                      <span class="right">
                        <span class="money">
                          


  $0.00


                        </span>
                      </span>

                      <span>Subtotal</span>
                    </li>

                    <li class="cart_savings sale js-cart_savings">
                      
                    </li>

                    <li><p class="cart-message meta">Taxes and <a href="/policies/shipping-policy">shipping</a> calculated at checkout
</p>
                    </li>

                    <li>
                      
                        <textarea id="note" name="note" rows="2" placeholder="Order Notes" data-cart-note></textarea>
                      

                      

                      
                        <div class="cart_text">
                          <p><strong>Shipping Address (P.O. Box -  Destinations Are Not Supported)</strong></p>
                        </div>
                      

                      
                        <button type="submit" name="checkout" class="global-button global-button--primary add_to_cart" data-minicart-checkout-button><span class="icon-lock"></span>Checkout</button>
                      
                    </li>
                  </ul>
                </form>
              </div>
            
          </div>
        
      </div>
    </div>

    <div class="main-nav__wrapper">
      <div class="main-nav menu-position--inline logo-alignment--center logo-position--center search-enabled--true" data-show-dropdown-on-click>
        

        
        

        

        

        

        
          
            <div class="nav nav--left align_right">
              
          

<nav
  class="nav-desktop "
  data-nav
  data-nav-desktop
  aria-label="Translation missing: en.navigation.header.main_nav"
>
  <template data-nav-parent-template>
    <li
      class="
        nav-desktop__tier-1-item
        nav-desktop__tier-1-item--widemenu-parent
      "
      data-nav-desktop-parent
    >
      <details data-nav-desktop-details>
        <summary
          data-href
          class="
            nav-desktop__tier-1-link
            nav-desktop__tier-1-link--parent
          "
          data-nav-desktop-link
          aria-expanded="false"
          
          aria-controls="nav-tier-2-"
          role="button"
        >
          <span data-nav-title></span>
          <span class="icon-down-arrow"></span>
        </summary>
        <div
          class="
            nav-desktop__tier-2
            nav-desktop__tier-2--full-width-menu
          "
          tabindex="-1"
          data-nav-desktop-tier-2
          data-nav-desktop-submenu
          data-nav-desktop-full-width-menu
          data-meganav-target-container
          >
      </details>
    </li>
  </template>
  <ul
    class="nav-desktop__tier-1"
    data-nav-desktop-tier-1
  >
    
      
      

      <li
        class="
          nav-desktop__tier-1-item
          
        "
        
        data-meganav-desktop-target="home"
      >
        
          <a href="/"
        
          class="
            nav-desktop__tier-1-link
            
            nav-desktop__tier-1-link--active
          "
          data-nav-desktop-link
          
        >
          <span data-nav-title>Home</span>
          
        
          </a>
        

        
      </li>
    
      
      

      <li
        class="
          nav-desktop__tier-1-item
          
            
              nav-desktop__tier-1-item--widemenu-parent
            
          
        "
        data-nav-desktop-parent
        data-meganav-desktop-target="coffee"
      >
        
        <details data-nav-desktop-details>
          <summary data-href="/collections/ootgcoffee-coffee"
        
          class="
            nav-desktop__tier-1-link
            nav-desktop__tier-1-link--parent
            
          "
          data-nav-desktop-link
          
            aria-expanded="false"
            aria-controls="nav-tier-2-2"
            role="button"
          
        >
          <span data-nav-title>Coffee</span>
          <span class="icon-down-arrow"></span>
        
          </summary>
        

        
          
            <div
          
            id="nav-tier-2-2"
            class="
              nav-desktop__tier-2
              
                
                  nav-desktop__tier-2--full-width-menu
                
              
            "
            tabindex="-1"
            data-nav-desktop-tier-2
            data-nav-desktop-submenu
            data-nav-desktop-full-width-menu
          >
            
              

<ul class="widemenu">
  
    
      <li class="widemenu__submenu">
        <a href="/collections/ootgcoffee-single-origin" class="widemenu__submenu-heading widemenu__link">
          Single Origin
        </a>
        <ul class="widemenu__submenu-items">
        
          <li class="widemenu__submenu-item">
            <a href="/collections/balanced-brew/single" class="widemenu__submenu-item-link widemenu__link">
              Low Acidic
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-fair-trade" class="widemenu__submenu-item-link widemenu__link">
              Fair Trade
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-african" class="widemenu__submenu-item-link widemenu__link">
              African
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-asian" class="widemenu__submenu-item-link widemenu__link">
              Asian
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-americas" class="widemenu__submenu-item-link widemenu__link">
              Americas
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-single-origin-decaf" class="widemenu__submenu-item-link widemenu__link">
              Decaf
            </a>
          </li>
        
        </ul>
      </li>
    
  
    
      <li class="widemenu__submenu">
        <a href="/collections/ootgcoffee-artisan-blend" class="widemenu__submenu-heading widemenu__link">
          Artisan Blend
        </a>
        <ul class="widemenu__submenu-items">
        
          <li class="widemenu__submenu-item">
            <a href="/collections/balanced-brew/Artisan-Blends" class="widemenu__submenu-item-link widemenu__link">
              Low Acidic
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-dark-roast/Artisan-Blends" class="widemenu__submenu-item-link widemenu__link">
              Dark Roast
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-japanese-roast" class="widemenu__submenu-item-link widemenu__link">
              Japanese Roast
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-medium-roast/Artisan-Blends" class="widemenu__submenu-item-link widemenu__link">
              Medium Roast
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-light-roast/Artisan-Blends" class="widemenu__submenu-item-link widemenu__link">
              Light Roast
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-swiss-water-processed-decaf/Artisan-Blends" class="widemenu__submenu-item-link widemenu__link">
              Decaf
            </a>
          </li>
        
        </ul>
      </li>
    
  
    
      <li class="widemenu__submenu">
        <a href="/collections/ootgcoffee-limited-release" class="widemenu__submenu-heading widemenu__link">
          Limited Release
        </a>
        <ul class="widemenu__submenu-items">
        
          <li class="widemenu__submenu-item">
            <a href="/collections/balanced-brew/Limited-Release" class="widemenu__submenu-item-link widemenu__link">
              Low Acidic
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-fair-trade" class="widemenu__submenu-item-link widemenu__link">
              Fair Trade
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-african/Limited-Release" class="widemenu__submenu-item-link widemenu__link">
              Africa
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-asian/Limited-Release" class="widemenu__submenu-item-link widemenu__link">
              Asia
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-americas/Limited-Release" class="widemenu__submenu-item-link widemenu__link">
              Americas
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-swiss-water-processed-decaf/Limited-Release" class="widemenu__submenu-item-link widemenu__link">
              Decaf
            </a>
          </li>
        
        </ul>
      </li>
    
  
    
      <li class="widemenu__submenu">
        <a href="/collections/ootgcoffee-espresso" class="widemenu__submenu-heading widemenu__link">
          Espresso
        </a>
        <ul class="widemenu__submenu-items">
        
          <li class="widemenu__submenu-item">
            <a href="/collections/balanced-brew/Espresso" class="widemenu__submenu-item-link widemenu__link">
              Low Acidic
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-single-origin/Espresso" class="widemenu__submenu-item-link widemenu__link">
              Single Origin
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-artisan-blend/Espresso" class="widemenu__submenu-item-link widemenu__link">
              Artisan Blends
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-swiss-water-processed-decaf/Espresso" class="widemenu__submenu-item-link widemenu__link">
              Decaf
            </a>
          </li>
        
        </ul>
      </li>
    
  
    
      <li class="widemenu__submenu">
        <a href="/collections/ootgcoffee-flavored" class="widemenu__submenu-heading widemenu__link">
          Flavored (Low Acidic)
        </a>
        <ul class="widemenu__submenu-items">
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-chocolate-flavored" class="widemenu__submenu-item-link widemenu__link">
              Chocolate
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-spicy-flavored" class="widemenu__submenu-item-link widemenu__link">
              Spice
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-nutty-flavored" class="widemenu__submenu-item-link widemenu__link">
              Nut
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-fruity-flavored" class="widemenu__submenu-item-link widemenu__link">
              Fruit
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-sweet-flavored" class="widemenu__submenu-item-link widemenu__link">
              Sweet
            </a>
          </li>
        
          <li class="widemenu__submenu-item">
            <a href="/collections/ootgcoffee-flavored-decaf" class="widemenu__submenu-item-link widemenu__link">
              Decaf
            </a>
          </li>
        
        </ul>
      </li>
    
  
</ul>

            
          
            </div>
          
        </details>
        
      </li>
    
      
      

      <li
        class="
          nav-desktop__tier-1-item
          
        "
        
        data-meganav-desktop-target="tea"
      >
        
          <a href="/collections/ootgcoffee-luxury-loose-leaf"
        
          class="
            nav-desktop__tier-1-link
            
            
          "
          data-nav-desktop-link
          
        >
          <span data-nav-title>Tea</span>
          
        
          </a>
        

        
      </li>
    
      
      

      <li
        class="
          nav-desktop__tier-1-item
          
        "
        
        data-meganav-desktop-target="a-crucial-question"
      >
        
          <a href="/pages/ootgcoffee-a-crucial-question"
        
          class="
            nav-desktop__tier-1-link
            
            
          "
          data-nav-desktop-link
          
        >
          <span data-nav-title>A Crucial Question</span>
          
        
          </a>
        

        
      </li>
    
  </ul>
</nav>

        
            </div>

            
          <div class="header__logo logo--image">
            <a href="/" title="Out Of The Grey Coffee">
              

              
                <img
                  src="//outofthegreycoffee.com/cdn/shop/files/logo_wR_2024c_410x.png?v=1724615682"
                  class="primary_logo lazyload"
                  alt="Out Of The Grey Coffee"
                  style="object-fit: cover; object-position: 50.0% 50.0%;"
                >
              
            </a>
          </div>
        

            <div
              class="
                nav nav--right
                
                  align_left
                
              "
            >
              
          

<nav
  class="nav-desktop "
  data-nav
  data-nav-desktop
  aria-label="Translation missing: en.navigation.header.main_nav"
>
  <template data-nav-parent-template>
    <li
      class="
        nav-desktop__tier-1-item
        nav-desktop__tier-1-item--widemenu-parent
      "
      data-nav-desktop-parent
    >
      <details data-nav-desktop-details>
        <summary
          data-href
          class="
            nav-desktop__tier-1-link
            nav-desktop__tier-1-link--parent
          "
          data-nav-desktop-link
          aria-expanded="false"
          
          aria-controls="nav-tier-2-"
          role="button"
        >
          <span data-nav-title></span>
          <span class="icon-down-arrow"></span>
        </summary>
        <div
          class="
            nav-desktop__tier-2
            nav-desktop__tier-2--full-width-menu
          "
          tabindex="-1"
          data-nav-desktop-tier-2
          data-nav-desktop-submenu
          data-nav-desktop-full-width-menu
          data-meganav-target-container
          >
      </details>
    </li>
  </template>
  <ul
    class="nav-desktop__tier-1"
    data-nav-desktop-tier-1
  >
    
  </ul>
</nav>

        
            </div>

            
          
            <div class="search-container">
              



<div class="search-form-container">
  <form
    class="
      search-form
      search-form--header
    "
    action="/search"
    data-autocomplete-true
  >
    <div class="search-form__input-wrapper">
      <input
        class="search-form__input"
        type="text"
        name="q"
        placeholder="Search..."
        aria-label="Search..."
        value=""
        autocorrect="off"
        autocomplete="off"
        autocapitalize="off"
        spellcheck="false"
        data-search-input
      >

      

      <button
        class="
          search-form__submit-button
          global-button
        "
        type="submit"
        aria-label="Search"
      >
        <span class="icon-search"></span>
      </button>
    </div>

    
      <div
        class="predictive-search"
        data-predictive-search
        data-loading="false"
      >

<svg
  class="loading-icon predictive-search__loading-state-spinner"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  
>
  <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/>
  <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"/>
</svg>
<div class="predictive-search__results" data-predictive-search-results></div>
      </div>
    
  </form>

  
</div>


              <div class="search-link">
                <a
                  class="
                    icon-search
                    dropdown_link
                  "
                  href="/search"
                  title="Search"
                  data-dropdown-rel="search"
                >
                </a>
              </div>
            </div>
          
        
          
        
      </div>
    </div>
  </div>
</header>


<script>
  (() => {
    const header = document.querySelector('[data-header-feature-image="true"]');
    if (header) {
      header.classList.add('feature_image');
    }

    const headerContent = document.querySelector('[data-header-is-absolute="true"]');
    if (header) {
      header.classList.add('is-absolute');
    }
  })();
</script>

<style>
  div.header__logo,
  div.header__logo img,
  div.header__logo span,
  .sticky_nav .menu-position--block .header__logo {
    max-width: 205px;
  }
</style>

</div><div id="shopify-section-sections--19197231235324__mega_menu_1" class="shopify-section shopify-section-group-header-group shopify-section--mega-menu">
<script
  type="application/json"
  data-section-type="mega-menu-1"
  data-section-id="sections--19197231235324__mega_menu_1"
>
</script>


  <details>
    <summary
      class="
        nav-desktop__tier-1-link
        nav-desktop__tier-1-link--parent
      "
    >
      <span></span>
      <span class="icon-down-arrow"></span>
    </summary>
    <div
      class="
        mega-menu
        menu
        dropdown_content
      "
      data-meganav-desktop
      data-meganav-handle=""
    >
      
        <div class="dropdown_column" >
          
            
            
              <div class="mega-menu__richtext">
                <p>Add description, images, menus and links to your mega menu</p>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div class="mega-menu__richtext">
                
              </div>
            

          
        </div>
      
        <div class="dropdown_column" >
          
            
            
              <div class="mega-menu__richtext">
                <p>A column with no settings can be used as a spacer</p>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div class="mega-menu__richtext">
                
              </div>
            

          
        </div>
      
        <div class="dropdown_column" >
          
            
            
              <div class="mega-menu__richtext">
                
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div class="mega-menu__richtext">
                
              </div>
            

          
        </div>
      
        <div class="dropdown_column" >
          
            
            
              <div class="mega-menu__richtext">
                <p>Link to your collections, sales and even external links</p>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div class="mega-menu__richtext">
                
              </div>
            

          
        </div>
      
        <div class="dropdown_column" >
          
            
            
              <div class="mega-menu__richtext">
                <p>Add up to five columns</p>
              </div>
            

            
            

            
            

            
            

            
            

            
            

            
            

            
            
              <div class="mega-menu__richtext">
                
              </div>
            

          
        </div>
      
    </div>
  </details>
  <div class="mobile-meganav-source">
    <div
      data-meganav-mobile
      data-meganav-handle=""
    >
      
        
          
            <li class="mobile-mega-menu_block mega-menu__richtext">
              <p>Add description, images, menus and links to your mega menu</p>
            </li>
          

          

          

          

          

          

          

          
            <li class="mobile-mega-menu_block">
              
            </li>
          
        
      
        
          
            <li class="mobile-mega-menu_block mega-menu__richtext">
              <p>A column with no settings can be used as a spacer</p>
            </li>
          

          

          

          

          

          

          

          
            <li class="mobile-mega-menu_block">
              
            </li>
          
        
      
        
          
            <li class="mobile-mega-menu_block mega-menu__richtext">
              
            </li>
          

          

          

          

          

          

          

          
            <li class="mobile-mega-menu_block">
              
            </li>
          
        
      
        
          
            <li class="mobile-mega-menu_block mega-menu__richtext">
              <p>Link to your collections, sales and even external links</p>
            </li>
          

          

          

          

          

          

          

          
            <li class="mobile-mega-menu_block">
              
            </li>
          
        
      
        
          
            <li class="mobile-mega-menu_block mega-menu__richtext">
              <p>Add up to five columns</p>
            </li>
          

          

          

          

          

          

          

          
            <li class="mobile-mega-menu_block">
              
            </li>
          
        
      
    </div>
  </div>



</div>
<!-- END sections: header-group -->
    </div>

    <div>
      
    </div>

    <div class="section-wrapper">
      <div id="shopify-section-template--19197236642044__pxu_slideshow_Q9EgRM" class="shopify-section pxu-slideshow-section"><section
  id="template--19197236642044__pxu_slideshow_Q9EgRM"
  class="
    pxu-section
    pxu-section--animated-true
    pxu-slideshow
  "
  style="
    --pxu-section-content-width: 650px;
    --pxu-section-placeholder-fill-color: rgba(0, 0, 0, 0.35);
    --pxu-section-placeholder-background-color: rgba(0, 0, 0, 0.15);
    --pxu-section-margin-top: 0px;
    --pxu-section-margin-bottom: 0px;
    --pxu-carousel-prev-next-position: var(--pxu-space-6);
  "
  data-pxu-slideshow
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_slideshow_Q9EgRM",
      "handle": "pxu-slideshow",
      "className": "SlideshowSection",
      "name": "Slideshow",
      "version": "1.0.2",
      "scriptsUrl": "//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812",
      "autoplay": true,
      "autoplayDuration": 5
    }
  </script>

  <div
    class="
      pxu-section__container
      pxu-section__container--full-width
      pxu-slideshow__container
    "
  ><div
        class="
          pxu-carousel
          pxu-carousel--fade
          pxu-carousel--dots-above
          pxu-carousel--slideshow-arrows
          pxu-carousel--fit-content-height
          pxu-carousel--dynamic-colors
        "
      >
        <div class="pxu-carousel__items" data-pxu-carousel><div
              id="slide_fa9hPG"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/papua_1800x1120c.png?v=1739325380&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/papua_1800x1120c.png?v=1739325380&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/papua_1800x1120c.png?v=1739325380&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/papua_1800x1120c.png?v=1739325380&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/papua_1800x1120c.png?v=1739325380&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/papua_1800x1120c.png?v=1739325380&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-right
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading">Engora Papua New Guinea</h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Delicately sweet, spices, almond flowers & caramel flavors, gentle acidity, satiny mouthfeel with long rich drying spic-toned finish.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/products/single-origin-engora-papua-new-guinea-fair-trade-coffee"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_KjhmPT"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/jap_roast_1800x1120c.png?v=1739325374&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/jap_roast_1800x1120c.png?v=1739325374&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/jap_roast_1800x1120c.png?v=1739325374&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/jap_roast_1800x1120c.png?v=1739325374&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/jap_roast_1800x1120c.png?v=1739325374&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/jap_roast_1800x1120c.png?v=1739325374&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-left
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Japanese Roast</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Elemental & earthy flavors giving way to sweetness & depth.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-japanese-roast"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_4NPGx9"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/loose-leaf_1800x1120c.png?v=1739374144&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/loose-leaf_1800x1120c.png?v=1739374144&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/loose-leaf_1800x1120c.png?v=1739374144&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/loose-leaf_1800x1120c.png?v=1739374144&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/loose-leaf_1800x1120c.png?v=1739374144&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/loose-leaf_1800x1120c.png?v=1739374144&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-left
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading">Luxury Loose-Leaf Tea</h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Handcrafted oasis from the ordinary.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-luxury-loose-leaf"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_GCwRr9"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/chai_1800x1120c.png?v=1739325362&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/chai_1800x1120c.png?v=1739325362&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/chai_1800x1120c.png?v=1739325362&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/chai_1800x1120c.png?v=1739325362&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/chai_1800x1120c.png?v=1739325362&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/chai_1800x1120c.png?v=1739325362&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-left
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading">Spiced Vanilla Chai</h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Lightly sweetened, delicately balanced, full-bodied flavor without overpowering.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/products/spiced-vanilla-chai-handcrafted-javaccino-mix"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_6xRWeR"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-right
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Artisan Blend</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Discover the truest expression of the coffee roaster's craft.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-artisan-blend"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_ixjVEk"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/covered_beans_1800x1120c.png?v=1739374148&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/covered_beans_1800x1120c.png?v=1739374148&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/covered_beans_1800x1120c.png?v=1739374148&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/covered_beans_1800x1120c.png?v=1739374148&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/covered_beans_1800x1120c.png?v=1739374148&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/covered_beans_1800x1120c.png?v=1739374148&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-right
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading">Chocolate Covered Espresso</h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Love Coffee? Love Chocolate?</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-chocolate-covered-espresso-beans"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_8hNLze"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/espresso_1800x1120c.png?v=1739325368&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/espresso_1800x1120c.png?v=1739325368&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/espresso_1800x1120c.png?v=1739325368&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/espresso_1800x1120c.png?v=1739325368&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/espresso_1800x1120c.png?v=1739325368&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/espresso_1800x1120c.png?v=1739325368&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-right
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Espresso</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Crafted according to the Italian School for perfect extraction.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-espresso"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_aaEGD4"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/balanced_1800x1120c.png?v=1739325357&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/balanced_1800x1120c.png?v=1739325357&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/balanced_1800x1120c.png?v=1739325357&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/balanced_1800x1120c.png?v=1739325357&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/balanced_1800x1120c.png?v=1739325357&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/balanced_1800x1120c.png?v=1739325357&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-left
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Balanced Brew</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Low acidic coffee with a higher level of antioxidants.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href=""
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_f7F7gP"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--large
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6071428571428572;
                    --pxu-section-mobile-aspect-ratio: 1.6071428571428572;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/swiss_1800x1120c.png?v=1739325387&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/swiss_1800x1120c.png?v=1739325387&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/swiss_1800x1120c.png?v=1739325387&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/swiss_1800x1120c.png?v=1739325387&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/swiss_1800x1120c.png?v=1739325387&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/swiss_1800x1120c.png?v=1739325387&amp;width=1800 1800w" width="1800" height="1120" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Swiss Water Processed</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Eco-friendly decaffeination process uses a 100% chemical-free natural method.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-swiss-water-processed-decaf?_pos=3&_psq=decaf&_ss=e&_v=1.0"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div></div>
      </div></div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-slideshow{margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75)}@media only screen and (min-width:480px){.pxu-slideshow{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0)}}.pxu-slideshow .pxu-carousel__item{width:100%}.pxu-slideshow__image-wrapper{display:flex;position:relative}.pxu-slideshow__image-wrapper:before{background-color:var(--pxu-section-image-overlay-color,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.pxu-slideshow__image-wrapper--adapt{aspect-ratio:var(--pxu-section-mobile-aspect-ratio,auto)}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--adapt{aspect-ratio:var(--pxu-section-desktop-aspect-ratio,auto)}}.pxu-slideshow__image-wrapper--small{height:300px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--small{height:500px}}.pxu-slideshow__image-wrapper--medium{height:450px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--medium{height:650px}}.pxu-slideshow__image-wrapper--large{height:600px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--large{height:800px}}.pxu-slideshow__image-wrapper--fit-content-height{aspect-ratio:auto;height:var(--pxu-carousel-content-height)}.pxu-slideshow__picture{display:block;height:100%;position:relative;width:100%}.pxu-slideshow__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-slideshow__content-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;max-width:var(--pxu-width-max);padding:0 var(--pxu-space-4);position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:2}.pxu-slideshow__content-wrapper--mobile-align-left{align-items:flex-start;text-align:left}.pxu-slideshow__content-wrapper--mobile-align-center{align-items:center;text-align:center}.pxu-slideshow__content-wrapper--mobile-align-right{align-items:flex-end;text-align:right}@media only screen and (min-width:860px){.pxu-slideshow__content-wrapper--align-left{align-items:flex-start;text-align:left}.pxu-slideshow__content-wrapper--align-center{align-items:center;text-align:center}.pxu-slideshow__content-wrapper--align-right{align-items:flex-end;text-align:right}.pxu-slideshow__content-wrapper{padding:var(--pxu-space-4) calc(var(--pxu-carousel-button-width) + var(--pxu-carousel-prev-next-position) + var(--pxu-space-14))}}.pxu-slideshow__content{max-width:var(--pxu-section-content-width)}.pxu-section--animated-true .pxu-slideshow__content{opacity:0}@media (prefers-reduced-motion:reduce){.pxu-section--animated-true .pxu-slideshow__content{opacity:1}}.pxu-section--animated-true .is-selected .pxu-slideshow__content{animation:pxu-fade-in-up var(--pxu-transition-duration-300) var(--pxu-transition-duration-300) var(--pxu-transition-ease-out) forwards}.pxu-slideshow__heading.pxu-heading{color:var(--pxu-section-block-text-color);font-size:var(--pxu-section-block-heading-size-mobile);margin-bottom:var(--pxu-space-3)}@media only screen and (min-width:860px){.pxu-slideshow__heading.pxu-heading{font-size:var(--pxu-section-block-heading-size)}}.pxu-slideshow__text{color:var(--pxu-section-block-text-color);font-size:var(--pxu-section-block-text-size-mobile);overflow-wrap:anywhere}@media only screen and (min-width:860px){.pxu-slideshow__text{font-size:var(--pxu-section-block-text-size)}}.pxu-slideshow__button-group{margin-top:var(--pxu-space-6)}</style>

</div><div id="shopify-section-template--19197236642044__pxu_rich_text_rycYkY" class="shopify-section pxu-rich-text-section"><section
  class="
    pxu-section
    pxu-rich-text
  "
  style="
    --pxu-section-width: 100%;
    --pxu-section-text-color: #000000;
    --pxu-section-background-color: #ffffff;
    --pxu-section-padding-top: 20px;
    --pxu-section-padding-bottom: 16px;
    --pxu-section-margin-top: 32px;
    --pxu-section-margin-bottom: 16px;
    --pxu-section-content-alignment: center;
  "
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "pxu-rich-text",
      "name": "Rich text",
      "version": "1.0.2"
    }
  </script>

  <div class="pxu-section__container">
    <div class="pxu-rich-text__inner"><div ><div class="pxu-rich-text__inner-text-container"><h2
                      class="
                        pxu-rich-text__heading
                        pxu-heading
                         pxu-rich-text__first-block 
                      "
                      style="
                        --pxu-rich-text-block-heading-size: 31px;
                        --pxu-rich-text-block-heading-size-mobile: 31px;
                      "
                    ><strong>Out Of The Grey Coffee®</strong></h2></div></div><div ><div class="pxu-rich-text__inner-text-container "><div
                      class="
                        pxu-rich-text__text
                        pxu-rte
                        
                      "
                      style="
                        --pxu-rich-text-block-text-size: 17px;
                        --pxu-rich-text-block-text-size-mobile: 17px;
                      "
                    ><p><a href="https://outofthegreycoffee.com/pages/ootgcoffee-a-crucial-question" target="_blank" title="https://outofthegreycoffee.com/pages/ootgcoffee-a-crucial-question"><em><strong>Romans 10:13</strong></em></a></p><p><strong>Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee and Handcrafted<br/>Luxury Loose-Leaf Tea Everywhere!</strong></p><p><strong>This is our passion! We are teachers and always students. </strong></p><p><strong>We believe that we should share our knowledge while continuously improving the product.</strong></p><p><a href="https://outofthegreycoffee.com/pages/ootgcoffee-a-crucial-question" target="_blank" title="https://outofthegreycoffee.com/pages/ootgcoffee-a-crucial-question"><em><strong>O Taste and See...</strong></em></a></p></div></div></div><div ><div
                    class="
                      pxu-btn-group
                      pxu-rich-text__btn-group
                      
                    "
                  ><a
                        class="
                          pxu-btn
                          pxu-btn--fill
                          pxu-btn--light-on-dark
                        "
                        style="
                          --pxu-btn-background-color: #000000;
                          --pxu-btn-text-color: #ffffff;
                        "
                        href="/pages/ootgcoffee-about-us"
                      >ABOUT US</a></div></div></div>
  </div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-rich-text{background-color:var(--pxu-section-background-color);color:var(--pxu-section-text-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75);text-align:var(--pxu-section-content-alignment)}@media only screen and (min-width:480px){.pxu-rich-text{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-8) var(--pxu-section-padding-bottom,0)}}.pxu-rich-text__inner{display:flex;flex-direction:column;gap:var(--pxu-space-5);padding-left:var(--pxu-space-4);padding-right:var(--pxu-space-4)}.pxu-rich-text__inner .pxu-rich-text__first-block{margin-top:0}.pxu-rich-text__btn-group{margin-top:var(--pxu-space-3)}.pxu-rich-text__heading.pxu-heading{color:var(--pxu-section-text-color);font-size:var(--pxu-rich-text-block-heading-size-mobile);margin-block-end:0;margin-block-start:0}@media only screen and (min-width:860px){.pxu-rich-text__heading.pxu-heading{font-size:var(--pxu-rich-text-block-heading-size)}}.pxu-rich-text__text{font-size:var(--pxu-rich-text-block-text-size-mobile)}@media only screen and (min-width:860px){.pxu-rich-text__text{font-size:var(--pxu-rich-text-block-text-size)}}</style>
</div><div id="shopify-section-template--19197236642044__image_with_text_overlay_yehqFd" class="shopify-section shopify-section--image-with-text-overlay under-menu"><script
  type="application/json"
  data-section-type="image-with-text-overlay"
  data-section-id="template--19197236642044__image_with_text_overlay_yehqFd"
>
</script>



<style data-shopify>
  #shopify-section-template--19197236642044__image_with_text_overlay_yehqFd {
  padding-top: 15px;
  padding-bottom: 0px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__image_with_text_overlay_yehqFd {
    padding-top: 20px;
    padding-bottom: 0px;
  }
}


  

  

</style>

<section
  id="banner-template--19197236642044__image_with_text_overlay_yehqFd"
  class="
    section
    
      is-width-wide
      has-no-side-gutter
    
    full-width--true
    caption-background-translucent_text_box
    caption--below-false
    
  "
>
  <div class="container">
    <div
      class="
        one-whole
        column
        banner
      "
    >
      

      
        <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690"></noscript>














<div
  class="image-element"
  style="
    
    
    aspect-ratio: 1600/1000;
  
    
  "
>
  
<img
        class="image-element__img lazyload transition--appear"
        alt=""
        
        data-src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_coffeec_1200x.png?v=1739299839"
        data-sizes="auto"
        sizes="100vw"
        data-aspectratio="1600/1000"
        data-srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000_coffeec_2000x.png?v=1739299839 2000w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_coffeec_1200x.png?v=1739299839 1200w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_coffeec_800x.png?v=1739299839 800w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_coffeec_400x.png?v=1739299839 400w"
        width="1600"
        height="1000"
        
          style="object-fit:cover;object-position:50.0% 50.0%;"
        
        srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='1000'></svg>"
      >
</div>


<noscript>
  <img
    class="image-element__img noscript"
    src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_coffeec_2000x.png?v=1739299839"
    alt=""
    
      style="object-fit:cover;object-position:50.0% 50.0%;"
    
  >
</noscript>

<script type="module">
  import 'component.image-element-aspect-ratio';
</script>


        
      

      

      
        

        
      

      
        <div
          class="
            position-left
            caption
            js-caption
          "
        >
          <div class="caption-content align-center">
            
              <div class="pretext">
                <p><em><strong>Handcrafted</strong></em></p>
              </div>
            

            
              <h1 class="headline">
                Specialty
              </h1>
            

            
              <div class="subtitle">
                <p><em><strong>Coffee</strong></em></p>
              </div>
            

            
  
  
  
<div class="button-grid-container ">
    
    
    


  
  
  
  
  
  
    
    
  
  <a
    href="https://outofthegreycoffee.com/collections/ootgcoffee-specialty-coffee?_pos=1&_psq=spe&_ss=e&_v=1.0"
    
    class="
      global-button
      global-button--banner-text
      
      first_button
    "
  >
    Explore
  </a>


    
    
    



  </div>


          </div>
        </div>
      
    </div>
  </div>
</section>

</div><div id="shopify-section-template--19197236642044__pxu_multicolumn_qbz67Q" class="shopify-section pxu-multicolumn-section"><section
  id="template--19197236642044__pxu_multicolumn_qbz67Q"
  class="
    pxu-section
    pxu-multicolumn
    pxu-multicolumn--center
    
    pxu-multicolumn--desktop-center
    pxu-multicolumn--mobile-center
    
  "
  style="
    --pxu-desktop-columns: 3;
    --pxu-mobile-columns: 1;
    --pxu-section-heading-size: 40px;
    --pxu-section-heading-size-mobile: 30px;
    --pxu-section-text-color: #000000;
    --pxu-section-background-color: #ffffff;
    --pxu-block-heading-size: 24px;
    --pxu-block-heading-size-mobile: 24px;
    --pxu-block-text-size: 16px;
    --pxu-block-text-size-mobile: 16px;
    --pxu-section-padding-top: 20px;
    --pxu-section-padding-bottom: 16px;
    --pxu-section-margin-top: 20px;
    --pxu-section-margin-bottom: 16px;
  "
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_multicolumn_qbz67Q",
      "handle": "pxu-multicolumn",
      "className": "MulticolumnSection",
      "name": "Multicolumn",
      "version": "1.0.0"
    }
  </script>

  <div class="pxu-section__container pxu-multicolumn__container"><h2 class="pxu-section__section-heading pxu-multicolumn__section-heading"><strong>Java Gems - </strong>Last Month's Most Popular</h2><div class="pxu-multicolumn__grid">
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/single-origin-kenya-aa-lenana-specialty-coffee" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/kenyan_aa_2023c.png?v=1735666750&amp;width=800" alt="Out Of The Grey Coffee Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/kenyan_aa_2023c.png?v=1735666750&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/kenyan_aa_2023c.png?v=1735666750&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/kenyan_aa_2023c.png?v=1735666750&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/kenyan_aa_2023c.png?v=1735666750&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/kenyan_aa_2023c.png?v=1735666750&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Kenya AA Lenana</h3><div class="pxu-multicolumn__text">
                  <p><strong>Dark chocolate, caramel with bright acidity and layers of citrus and black currant, sweet. </strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/single-origin-kenya-aa-lenana-specialty-coffee"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/single-origin-engora-papua-new-guinea-fair-trade-coffee" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/engora_papua_new_guinea_2023c.png?v=1722459444&amp;width=800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/engora_papua_new_guinea_2023c.png?v=1722459444&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/engora_papua_new_guinea_2023c.png?v=1722459444&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/engora_papua_new_guinea_2023c.png?v=1722459444&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/engora_papua_new_guinea_2023c.png?v=1722459444&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/engora_papua_new_guinea_2023c.png?v=1722459444&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">ENGORA Papua New Guinea</h3><div class="pxu-multicolumn__text">
                  <p><strong>Sweet, spices, almond, and caramel flavors, long rich drying spice-toned finish.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/single-origin-engora-papua-new-guinea-fair-trade-coffee"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/single-origin-jamaican-blue-mountain-specialty-coffee" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/JBM2023c.png?v=1687452643&amp;width=800" alt="Out Of The Grey Coffee Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/JBM2023c.png?v=1687452643&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/JBM2023c.png?v=1687452643&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/JBM2023c.png?v=1687452643&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/JBM2023c.png?v=1687452643&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/JBM2023c.png?v=1687452643&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Jamaican Blue Mountain</h3><div class="pxu-multicolumn__text">
                  <p><strong>Rich chocolaty brownie experience that just keeps lingering.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/single-origin-jamaican-blue-mountain-specialty-coffee"
                  
                >EXPLORE</a></div></div>
  </div>
</section>
<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-multicolumn{background:var(--pxu-section-background-color);color:var(--pxu-section-text-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-multicolumn{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-multicolumn__grid{display:grid;gap:var(--pxu-space-12) var(--pxu-space-4);grid-template-columns:repeat(var(--pxu-mobile-columns),1fr)}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}.pxu-multicolumn__column{display:flex;flex-direction:column;gap:var(--pxu-space-3)}.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}.pxu-multicolumn__text{font-size:var(--pxu-block-text-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}.pxu-multicolumn__text p{margin:0}.pxu-multicolumn__button{margin-top:var(--pxu-space-3)}.pxu-multicolumn__image-wrapper{margin-bottom:var(--pxu-space-1);position:relative;width:100%}.pxu-multicolumn__image-link{display:block;height:100%;width:100%}.pxu-multicolumn__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-multicolumn__image--adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}.pxu-multicolumn__image--square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn--mobile-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--mobile-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--mobile-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media only screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (max-color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (max-color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media not screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media only screen and (min-width:1024px){@media screen and (max-color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media not screen and (min-width:1024px){@media screen and (color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media only screen and (max-width:479px){@media screen and (max-color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}@media not screen and (max-width:479px){@media screen and (color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}</style>
</div><div id="shopify-section-template--19197236642044__pxu_mosaic_UXeGXy" class="shopify-section pxu-mosaic-section"><section
  id="template--19197236642044__pxu_mosaic_UXeGXy"
  class="
    pxu-section
    pxu-section--animated-true
    pxu-mosaic
    pxu-mosaic--mobile-layout-stacked
    pxu-mosaic--align-bottom-left
    pxu-mosaic--item-count-5
    pxu-mosaic--desktop-height-large
    
  "
  style="
    --pxu-section-background-color: #ffffff;
    --pxu-section-padding-top: 15px;
    --pxu-section-padding-bottom: 0px;
    --pxu-section-margin-top: 15px;
    --pxu-section-margin-bottom: 10px;
    --pxu-section-corner-radius: 20px;
    --pxu-section-mobile-image-height: 400px;
  "
  data-pxu-mosaic
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_mosaic_UXeGXy",
      "handle": "pxu-mosaic",
      "className": "MosaicSection",
      "name": "Mosaic",
      "version": "1.0.0",
      "scriptsUrl": "//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812",
      "hasSlider": false
    }
  </script>

  <div class="pxu-section__container pxu-mosaic__container">
    <div class="pxu-mosaic__inner">
      
        
          

          <div
            id="mosaic_item_fz7JYX"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-1
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/coffee_sacks_1800x1120_ae8bb7dd-c5dc-41b1-b138-c567f5a77763.png?v=1739324994&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/coffee_sacks_1800x1120_ae8bb7dd-c5dc-41b1-b138-c567f5a77763.png?v=1739324994&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/coffee_sacks_1800x1120_ae8bb7dd-c5dc-41b1-b138-c567f5a77763.png?v=1739324994&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/coffee_sacks_1800x1120_ae8bb7dd-c5dc-41b1-b138-c567f5a77763.png?v=1739324994&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/coffee_sacks_1800x1120_ae8bb7dd-c5dc-41b1-b138-c567f5a77763.png?v=1739324994&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/coffee_sacks_1800x1120_ae8bb7dd-c5dc-41b1-b138-c567f5a77763.png?v=1739324994&amp;width=360 360w" width="1600" height="996" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 66.66vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Limited Release</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Rarest & most extraordinary coffee on the planet.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-limited-release"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_XgQiwE"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-2
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/fair_trade_1800x1120b.png?v=1739324924&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/fair_trade_1800x1120b.png?v=1739324924&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/fair_trade_1800x1120b.png?v=1739324924&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/fair_trade_1800x1120b.png?v=1739324924&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/fair_trade_1800x1120b.png?v=1739324924&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/fair_trade_1800x1120b.png?v=1739324924&amp;width=360 360w" width="1600" height="996" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 66.66vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Fair Trade</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Alternative way of doing business; one that creates long-term, transparent & mutually beneficial partnerships.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-fair-trade"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_67wNfe"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-3
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/americas2_800x600c.png?v=1739238543&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/americas2_800x600c.png?v=1739238543&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/americas2_800x600c.png?v=1739238543&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/americas2_800x600c.png?v=1739238543&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/americas2_800x600c.png?v=1739238543&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/americas2_800x600c.png?v=1739238543&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Americas</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Well-balanced, often tasting of nuts or cocoa, with a medium body, lively acidity & clean finish.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-americas"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_3kRb3Y"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-4
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/african_800x600c.png?v=1739238549&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/african_800x600c.png?v=1739238549&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/african_800x600c.png?v=1739238549&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/african_800x600c.png?v=1739238549&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/african_800x600c.png?v=1739238549&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/african_800x600c.png?v=1739238549&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>African</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Flavors ranging from berries to grapefruit & aromas with hints of flowers, chocolate & spices.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-african"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_PG9NGf"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-5
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/asian2_800x600c.png?v=1739238533&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/asian2_800x600c.png?v=1739238533&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/asian2_800x600c.png?v=1739238533&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/asian2_800x600c.png?v=1739238533&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/asian2_800x600c.png?v=1739238533&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/asian2_800x600c.png?v=1739238533&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Asian</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Full-bodied & earthy with herbal spiciness, depth & lingering finish.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-asian"
                  
                >EXPLORE</a></div>
          </div>
        
      
    </div>
  </div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-mosaic{--pxu-section-placeholder-fill-color:#898989;--pxu-section-placeholder-background-color:hsla(0,0%,39%,.25);background-color:var(--pxu-section-background-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-mosaic{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-mosaic__inner{display:grid;gap:var(--pxu-space-4);grid-template-columns:1fr}@media only screen and (max-width:719px){.pxu-mosaic .flickity-enabled .pxu-carousel__item,.pxu-mosaic__item{width:100%}}.pxu-mosaic__item{border-radius:var(--pxu-section-corner-radius);color:var(--pxu-block-text-color);display:flex;flex-wrap:wrap;min-height:var(--pxu-section-mobile-image-height);padding:var(--pxu-space-4);position:relative}@media only screen and (min-width:860px){.pxu-mosaic__item{padding:var(--pxu-space-8)}}.pxu-mosaic__image{overflow:hidden}.pxu-mosaic__image,.pxu-mosaic__image:before{border-radius:var(--pxu-section-corner-radius);inset:0;position:absolute}.pxu-mosaic__image:before{background-color:var(--pxu-image-overlay-color,transparent);content:"";display:block;opacity:var(--pxu-image-overlay-opacity);z-index:1}.pxu-mosaic__image img,.pxu-mosaic__image svg{border-radius:var(--pxu-section-corner-radius);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-mobile,var(--pxu-focal-point-desktop));transition:transform .7s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:720px){@media (max-color:2147477350) and (prefers-reduced-motion:no-preference){.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-desktop)}.pxu-section:not(.pxu-section--animated-false) .pxu-mosaic__item:hover .pxu-mosaic__image img{transform:scale(1.05)}}}@media not screen and (min-width:720px){@media (color:2147477350) and (prefers-reduced-motion:no-preference){.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-desktop)}.pxu-section:not(.pxu-section--animated-false) .pxu-mosaic__item:hover .pxu-mosaic__image img{transform:scale(1.05)}}}.pxu-mosaic__content{position:relative;width:100%;z-index:1}@media only screen and (min-width:1024px){.pxu-mosaic__content{width:70%}}.pxu-mosaic__heading{font-size:var(--pxu-heading-size-mobile);margin-bottom:var(--pxu-space-3)}@media only screen and (min-width:860px){.pxu-mosaic__heading{font-size:var(--pxu-heading-size)}}.pxu-mosaic__text{font-size:var(--pxu-text-size-mobile)}@media only screen and (min-width:860px){.pxu-mosaic__text{font-size:var(--pxu-text-size)}}.pxu-mosaic__text+.pxu-mosaic__button{margin-top:var(--pxu-space-6)}.pxu-mosaic--remove-space .pxu-mosaic__inner{gap:0}@media only screen and (min-width:720px){.pxu-mosaic--item-count-2 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr)}.pxu-mosaic--item-count-2 .pxu-mosaic__item--pos-1{grid-column:1/3}.pxu-mosaic--item-count-2 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-3 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-1{grid-column:1/span 2;grid-row:1/span 2}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-3{grid-row:2}.pxu-mosaic--item-count-4 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-1{grid-column:1/span 2}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-3{grid-column:1}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-4{grid-column:2/span 2}.pxu-mosaic--item-count-5 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-1{grid-column:1/span 2;grid-row:1/span 3}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-2{grid-column:1/span 2;grid-row:4/span 3}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-3,.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-4,.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-5{grid-column:3/span 2;grid-row:auto/span 2}.pxu-mosaic--desktop-height-small .pxu-mosaic__inner{min-height:33vh}.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:400px}.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:250px}.pxu-mosaic--desktop-height-medium .pxu-mosaic__inner{min-height:50vh}.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:450px}.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:300px}.pxu-mosaic--desktop-height-large .pxu-mosaic__inner{min-height:66vh}.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:500px}.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:350px}}.pxu-mosaic--align-bottom-center .pxu-mosaic__item,.pxu-mosaic--align-middle-center .pxu-mosaic__item,.pxu-mosaic--align-top-center .pxu-mosaic__item{justify-content:center;text-align:center}.pxu-mosaic--align-bottom-right .pxu-mosaic__item,.pxu-mosaic--align-middle-right .pxu-mosaic__item,.pxu-mosaic--align-top-right .pxu-mosaic__item{justify-content:flex-end;text-align:right}.pxu-mosaic--align-middle-center .pxu-mosaic__item,.pxu-mosaic--align-middle-left .pxu-mosaic__item,.pxu-mosaic--align-middle-right .pxu-mosaic__item{align-items:center}.pxu-mosaic--align-bottom-center .pxu-mosaic__item,.pxu-mosaic--align-bottom-left .pxu-mosaic__item,.pxu-mosaic--align-bottom-right .pxu-mosaic__item{align-items:flex-end}</style>

</div><div id="shopify-section-template--19197236642044__pxu_mosaic_MHbU8L" class="shopify-section pxu-mosaic-section"><section
  id="template--19197236642044__pxu_mosaic_MHbU8L"
  class="
    pxu-section
    pxu-section--animated-true
    pxu-mosaic
    pxu-mosaic--mobile-layout-stacked
    pxu-mosaic--align-bottom-left
    pxu-mosaic--item-count-3
    pxu-mosaic--desktop-height-large
    
  "
  style="
    --pxu-section-background-color: #ffffff;
    --pxu-section-padding-top: 0px;
    --pxu-section-padding-bottom: 10px;
    --pxu-section-margin-top: 10px;
    --pxu-section-margin-bottom: 15px;
    --pxu-section-corner-radius: 20px;
    --pxu-section-mobile-image-height: 400px;
  "
  data-pxu-mosaic
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_mosaic_MHbU8L",
      "handle": "pxu-mosaic",
      "className": "MosaicSection",
      "name": "Mosaic",
      "version": "1.0.0",
      "scriptsUrl": "//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812",
      "hasSlider": false
    }
  </script>

  <div class="pxu-section__container pxu-mosaic__container">
    <div class="pxu-mosaic__inner">
      
        
          

          <div
            id="mosaic_item_gkhpYB"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-1
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/coffee_1800x1120c.png?v=1739325047&amp;width=360 360w" width="1600" height="996" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 66.66vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Artisan Blend</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Discover the truest expression of the coffee roaster's craft. </strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-artisan-blend"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_x9mFdi"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-2
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/jap_800x600c.png?v=1739238559&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/jap_800x600c.png?v=1739238559&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/jap_800x600c.png?v=1739238559&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/jap_800x600c.png?v=1739238559&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/jap_800x600c.png?v=1739238559&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/jap_800x600c.png?v=1739238559&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Japanese Roast</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Elemental & earthy flavors giving way to sweetness & depth.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-japanese-roast"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_KKnwzp"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-3
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/espresso_800x600c.png?v=1739238514&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/espresso_800x600c.png?v=1739238514&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/espresso_800x600c.png?v=1739238514&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/espresso_800x600c.png?v=1739238514&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/espresso_800x600c.png?v=1739238514&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/espresso_800x600c.png?v=1739238514&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Espresso</strong></h2><div class="pxu-mosaic__text pxu-rte"><p><em><strong>Crafted according to the Italian School for perfect extraction.</strong></em></p></div><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-espresso"
                  
                >EXPLORE</a></div>
          </div>
        
      
    </div>
  </div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-mosaic{--pxu-section-placeholder-fill-color:#898989;--pxu-section-placeholder-background-color:hsla(0,0%,39%,.25);background-color:var(--pxu-section-background-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-mosaic{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-mosaic__inner{display:grid;gap:var(--pxu-space-4);grid-template-columns:1fr}@media only screen and (max-width:719px){.pxu-mosaic .flickity-enabled .pxu-carousel__item,.pxu-mosaic__item{width:100%}}.pxu-mosaic__item{border-radius:var(--pxu-section-corner-radius);color:var(--pxu-block-text-color);display:flex;flex-wrap:wrap;min-height:var(--pxu-section-mobile-image-height);padding:var(--pxu-space-4);position:relative}@media only screen and (min-width:860px){.pxu-mosaic__item{padding:var(--pxu-space-8)}}.pxu-mosaic__image{overflow:hidden}.pxu-mosaic__image,.pxu-mosaic__image:before{border-radius:var(--pxu-section-corner-radius);inset:0;position:absolute}.pxu-mosaic__image:before{background-color:var(--pxu-image-overlay-color,transparent);content:"";display:block;opacity:var(--pxu-image-overlay-opacity);z-index:1}.pxu-mosaic__image img,.pxu-mosaic__image svg{border-radius:var(--pxu-section-corner-radius);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-mobile,var(--pxu-focal-point-desktop));transition:transform .7s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:720px){@media (max-color:2147477350) and (prefers-reduced-motion:no-preference){.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-desktop)}.pxu-section:not(.pxu-section--animated-false) .pxu-mosaic__item:hover .pxu-mosaic__image img{transform:scale(1.05)}}}@media not screen and (min-width:720px){@media (color:2147477350) and (prefers-reduced-motion:no-preference){.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-desktop)}.pxu-section:not(.pxu-section--animated-false) .pxu-mosaic__item:hover .pxu-mosaic__image img{transform:scale(1.05)}}}.pxu-mosaic__content{position:relative;width:100%;z-index:1}@media only screen and (min-width:1024px){.pxu-mosaic__content{width:70%}}.pxu-mosaic__heading{font-size:var(--pxu-heading-size-mobile);margin-bottom:var(--pxu-space-3)}@media only screen and (min-width:860px){.pxu-mosaic__heading{font-size:var(--pxu-heading-size)}}.pxu-mosaic__text{font-size:var(--pxu-text-size-mobile)}@media only screen and (min-width:860px){.pxu-mosaic__text{font-size:var(--pxu-text-size)}}.pxu-mosaic__text+.pxu-mosaic__button{margin-top:var(--pxu-space-6)}.pxu-mosaic--remove-space .pxu-mosaic__inner{gap:0}@media only screen and (min-width:720px){.pxu-mosaic--item-count-2 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr)}.pxu-mosaic--item-count-2 .pxu-mosaic__item--pos-1{grid-column:1/3}.pxu-mosaic--item-count-2 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-3 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-1{grid-column:1/span 2;grid-row:1/span 2}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-3{grid-row:2}.pxu-mosaic--item-count-4 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-1{grid-column:1/span 2}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-3{grid-column:1}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-4{grid-column:2/span 2}.pxu-mosaic--item-count-5 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-1{grid-column:1/span 2;grid-row:1/span 3}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-2{grid-column:1/span 2;grid-row:4/span 3}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-3,.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-4,.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-5{grid-column:3/span 2;grid-row:auto/span 2}.pxu-mosaic--desktop-height-small .pxu-mosaic__inner{min-height:33vh}.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:400px}.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:250px}.pxu-mosaic--desktop-height-medium .pxu-mosaic__inner{min-height:50vh}.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:450px}.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:300px}.pxu-mosaic--desktop-height-large .pxu-mosaic__inner{min-height:66vh}.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:500px}.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:350px}}.pxu-mosaic--align-bottom-center .pxu-mosaic__item,.pxu-mosaic--align-middle-center .pxu-mosaic__item,.pxu-mosaic--align-top-center .pxu-mosaic__item{justify-content:center;text-align:center}.pxu-mosaic--align-bottom-right .pxu-mosaic__item,.pxu-mosaic--align-middle-right .pxu-mosaic__item,.pxu-mosaic--align-top-right .pxu-mosaic__item{justify-content:flex-end;text-align:right}.pxu-mosaic--align-middle-center .pxu-mosaic__item,.pxu-mosaic--align-middle-left .pxu-mosaic__item,.pxu-mosaic--align-middle-right .pxu-mosaic__item{align-items:center}.pxu-mosaic--align-bottom-center .pxu-mosaic__item,.pxu-mosaic--align-bottom-left .pxu-mosaic__item,.pxu-mosaic--align-bottom-right .pxu-mosaic__item{align-items:flex-end}</style>

</div><div id="shopify-section-template--19197236642044__pxu_slideshow_nRTXcF" class="shopify-section pxu-slideshow-section"><section
  id="template--19197236642044__pxu_slideshow_nRTXcF"
  class="
    pxu-section
    pxu-section--animated-true
    pxu-slideshow
  "
  style="
    --pxu-section-content-width: 650px;
    --pxu-section-placeholder-fill-color: rgba(0, 0, 0, 0.35);
    --pxu-section-placeholder-background-color: rgba(0, 0, 0, 0.15);
    --pxu-section-margin-top: 0px;
    --pxu-section-margin-bottom: 0px;
    --pxu-carousel-prev-next-position: var(--pxu-space-6);
  "
  data-pxu-slideshow
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_slideshow_nRTXcF",
      "handle": "pxu-slideshow",
      "className": "SlideshowSection",
      "name": "Slideshow",
      "version": "1.0.2",
      "scriptsUrl": "//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812",
      "autoplay": true,
      "autoplayDuration": 4
    }
  </script>

  <div
    class="
      pxu-section__container
      pxu-section__container--full-width
      pxu-slideshow__container
    "
  ><div
        class="
          pxu-carousel
          pxu-carousel--fade
          pxu-carousel--dots-above
          pxu-carousel--slideshow-arrows
          pxu-carousel--fit-content-height
          pxu-carousel--dynamic-colors
        "
      >
        <div class="pxu-carousel__items" data-pxu-carousel><div
              id="slide_jYKxFF"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_harrarc.png?v=1745958281&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_harrarc.png?v=1745958281&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_harrarc.png?v=1745958281&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_harrarc.png?v=1745958281&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_harrarc.png?v=1745958281&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_harrarc.png?v=1745958281&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>The Best Coffee Period!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>This coffee is sort of a "spiritual" home for all coffee lovers. It tastes almost beyond words. It encapsulates the essence of everything great!</strong></em></p><p><em><strong>Salvador T.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-ethiopian-oromia-harrar-fair-trade-coffee"
                              >Ethiopian OROMIA Harrar</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_yEkxJa"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000guatemalanc.png?v=1745958291&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000guatemalanc.png?v=1745958291&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000guatemalanc.png?v=1745958291&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000guatemalanc.png?v=1745958291&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000guatemalanc.png?v=1745958291&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000guatemalanc.png?v=1745958291&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Pure Pleasure</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>This coffee hits the mark! Once unsealed the kitchen awakened with that wonderful aroma, that was only accentuated by grinding the beans. WOW!</strong></em></p><p><em><strong>Terrence J.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-guatemalan-asobagri-hue-hue-tenango-shb-fair-trade-coffee"
                              >Guatemalan Asobagri Hue Hue Tenango SHB</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_qXBxjr"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000jbmc_a7cdd126-d246-4cde-b93c-d8b702500ff3.png?v=1745953218&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000jbmc_a7cdd126-d246-4cde-b93c-d8b702500ff3.png?v=1745953218&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000jbmc_a7cdd126-d246-4cde-b93c-d8b702500ff3.png?v=1745953218&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000jbmc_a7cdd126-d246-4cde-b93c-d8b702500ff3.png?v=1745953218&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000jbmc_a7cdd126-d246-4cde-b93c-d8b702500ff3.png?v=1745953218&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000jbmc_a7cdd126-d246-4cde-b93c-d8b702500ff3.png?v=1745953218&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Truly, The Java Of Kings!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>This was the most expensive coffee I have ever purchased... more importantly... THIS WAS THE MOST INCREDIBLE COFFEE THAT I HAVE EVER TASTED! I will be purchasing more.</strong></em></p><p><em><strong>Jacob L.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-jamaican-blue-mountain-specialty-coffee"
                              >Jamaican Blue Mountain</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_VAQAcH"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_1d522f65-0ac4-4ce2-b395-88faad055d20.png?v=1745958312&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_1d522f65-0ac4-4ce2-b395-88faad055d20.png?v=1745958312&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_1d522f65-0ac4-4ce2-b395-88faad055d20.png?v=1745958312&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_1d522f65-0ac4-4ce2-b395-88faad055d20.png?v=1745958312&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_1d522f65-0ac4-4ce2-b395-88faad055d20.png?v=1745958312&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_1d522f65-0ac4-4ce2-b395-88faad055d20.png?v=1745958312&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Vicarious Explorer</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>ootgCoffee has increased my attachment to fine coffee and appreciation for cultural geography. I've become a vicarious explorer. Thank You Java Jack</strong></em></p><p><em><strong>David T.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-kenya-aa-lenana-specialty-coffee"
                              >Kenyan AA Lenana</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_hemxCd"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000tanzanianc.png?v=1745958320&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000tanzanianc.png?v=1745958320&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000tanzanianc.png?v=1745958320&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000tanzanianc.png?v=1745958320&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000tanzanianc.png?v=1745958320&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000tanzanianc.png?v=1745958320&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Cupping Sensation</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Single, loner beans, rather than the typical dual beans of the coffee plant. Stand-alone soloist, red pellets ready to grind. DELICIOUS!</strong></em></p><p><em><strong>Ricky Ticky Tom</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-tanzanian-kilimanjaro-pea-berry-specialty-coffee"
                              >Tanzanian Kilimanjaro Pea Berry</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_zxfnyd"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000sulawesic.png?v=1745958274&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000sulawesic.png?v=1745958274&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000sulawesic.png?v=1745958274&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000sulawesic.png?v=1745958274&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000sulawesic.png?v=1745958274&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000sulawesic.png?v=1745958274&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Description Doesn't Begin To Describe</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Out Of The Grey has, hands down, the BEST coffee in the business! BE WARNED, everything else will taste like melted black crayons.</strong></em></p><p><em><strong>Thomas H.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-sulawesi-celebes-kalossi-coffee"
                              >Sulawesi "Celebes" Kalossi</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_FN96td"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000costaricanc.png?v=1745958333&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000costaricanc.png?v=1745958333&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000costaricanc.png?v=1745958333&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000costaricanc.png?v=1745958333&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000costaricanc.png?v=1745958333&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000costaricanc.png?v=1745958333&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Contender for top 10 coffees ever!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Gently bright, citrus and berry character with distinct floral suggestions as well. Dark chocolate notes in the finish.</strong></em></p><p><em><strong>Rick B. (The Coffee Attendant)</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-costa-rican-la-minita-shb-rainforest-alliance-certified-coffee"
                              >Costa Rican La Minita SHB</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_drYFer"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000papuaC_a1d1db77-7187-4a75-92b4-a62e10815fae.png?v=1745953176&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000papuaC_a1d1db77-7187-4a75-92b4-a62e10815fae.png?v=1745953176&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000papuaC_a1d1db77-7187-4a75-92b4-a62e10815fae.png?v=1745953176&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000papuaC_a1d1db77-7187-4a75-92b4-a62e10815fae.png?v=1745953176&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000papuaC_a1d1db77-7187-4a75-92b4-a62e10815fae.png?v=1745953176&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000papuaC_a1d1db77-7187-4a75-92b4-a62e10815fae.png?v=1745953176&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>I'm ordering 25 bags next week!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>I own a cafe/coffee company and thought this is a coffee I need to start carrying. Excellent coffee. Folks, don't miss this one!</strong></em></p><p><em><strong>Jane K.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-engora-papua-new-guinea-fair-trade-coffee"
                              >ENGORA Papua New Guinea</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_PW6y4k"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000colombianc_04f8e7af-c759-4874-9c8f-65e118ea3e9e.png?v=1745953227&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000colombianc_04f8e7af-c759-4874-9c8f-65e118ea3e9e.png?v=1745953227&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000colombianc_04f8e7af-c759-4874-9c8f-65e118ea3e9e.png?v=1745953227&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000colombianc_04f8e7af-c759-4874-9c8f-65e118ea3e9e.png?v=1745953227&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000colombianc_04f8e7af-c759-4874-9c8f-65e118ea3e9e.png?v=1745953227&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000colombianc_04f8e7af-c759-4874-9c8f-65e118ea3e9e.png?v=1745953227&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Search is now over</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>I've tried many, many brands over my 25+ years of searching. My search for the perfect coffee company is NOW OVER!</strong></em></p><p><em><strong>Evie T.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-colombian-supremo-euro-italian-specialty-coffee"
                              >Colombian Supremo Medellin "Euro-Italian"</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_ADcdYn"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_yirgac.png?v=1745958327&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_yirgac.png?v=1745958327&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_yirgac.png?v=1745958327&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_yirgac.png?v=1745958327&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_yirgac.png?v=1745958327&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000ethiopian_yirgac.png?v=1745958327&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Greatest African Coffee Ever!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>I have been drinking African coffees for over 30 years and this is the BEST to date; period! That really says a lot.</strong></em></p><p><em><strong>Sara G.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-ethiopian-yirgacheffe-coffee"
                              >Ethiopian OROMIA Yirgacheffe</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_knzPeJ"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000panamanianC_c1e3280a-ee85-4a07-8a36-63383c0aaa66.png?v=1745953183&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000panamanianC_c1e3280a-ee85-4a07-8a36-63383c0aaa66.png?v=1745953183&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000panamanianC_c1e3280a-ee85-4a07-8a36-63383c0aaa66.png?v=1745953183&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000panamanianC_c1e3280a-ee85-4a07-8a36-63383c0aaa66.png?v=1745953183&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000panamanianC_c1e3280a-ee85-4a07-8a36-63383c0aaa66.png?v=1745953183&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000panamanianC_c1e3280a-ee85-4a07-8a36-63383c0aaa66.png?v=1745953183&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Not your all-day-every-day coffee</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>This is not your all-day-every-day coffee and I would preserve it as a treat to my sense.</strong></em></p><p><em><strong>Rick B. (The Coffee Attendant)</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-panamanian-boquete-coffee"
                              >Panamanian Boquete</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_T6WKRp"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000BrazilianC_2d82087a-4b4c-4d06-a0f3-8a50a83f05ca.png?v=1745953235&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000BrazilianC_2d82087a-4b4c-4d06-a0f3-8a50a83f05ca.png?v=1745953235&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000BrazilianC_2d82087a-4b4c-4d06-a0f3-8a50a83f05ca.png?v=1745953235&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000BrazilianC_2d82087a-4b4c-4d06-a0f3-8a50a83f05ca.png?v=1745953235&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000BrazilianC_2d82087a-4b4c-4d06-a0f3-8a50a83f05ca.png?v=1745953235&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000BrazilianC_2d82087a-4b4c-4d06-a0f3-8a50a83f05ca.png?v=1745953235&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Bold, Dark and delicious</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>It was time to try something bold and dark roasted. My selection was PERFECT! It will not disappoint, true coffee lovers!</strong></em></p><p><em><strong>Keith S.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-brazilian-santos-italian-coffee"
                              >Brazilian Bourbon Santos Italian</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_G6fTC6"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_39171a86-6fcf-49ca-8e90-cfdcefa864c9.png?v=1745953209&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_39171a86-6fcf-49ca-8e90-cfdcefa864c9.png?v=1745953209&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_39171a86-6fcf-49ca-8e90-cfdcefa864c9.png?v=1745953209&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_39171a86-6fcf-49ca-8e90-cfdcefa864c9.png?v=1745953209&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_39171a86-6fcf-49ca-8e90-cfdcefa864c9.png?v=1745953209&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000kenyanc_39171a86-6fcf-49ca-8e90-cfdcefa864c9.png?v=1745953209&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>My search is over!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>This is one of my absolute favorites! My search for the BEST coffee roaster is finally over.</strong></em></p><p><em><strong>Gary V.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-zimbabwe-aa-smaldeel-estate-fair-trade-coffee"
                              >Zimbabwe  AA Smaldeel Estate</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_FYRmEc"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000konaC_eb897159-3da1-4b0f-8938-8d5343152f1f.png?v=1745953199&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000konaC_eb897159-3da1-4b0f-8938-8d5343152f1f.png?v=1745953199&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000konaC_eb897159-3da1-4b0f-8938-8d5343152f1f.png?v=1745953199&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000konaC_eb897159-3da1-4b0f-8938-8d5343152f1f.png?v=1745953199&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000konaC_eb897159-3da1-4b0f-8938-8d5343152f1f.png?v=1745953199&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000konaC_eb897159-3da1-4b0f-8938-8d5343152f1f.png?v=1745953199&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Luscious Coffee</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Fantastic, full bodied, smooth, well rounded (good acidity) makes me reminisce of my island vacations, only better.</strong></em></p><p><em><strong>Anthony G.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-royal-kona-estate-extra-fancy-specialty-coffee"
                              >Royal Kona Extra Fancy</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_Ny8mJX"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000japansesROASTamedeoc.png?v=1745958303&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000japansesROASTamedeoc.png?v=1745958303&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000japansesROASTamedeoc.png?v=1745958303&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000japansesROASTamedeoc.png?v=1745958303&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000japansesROASTamedeoc.png?v=1745958303&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000japansesROASTamedeoc.png?v=1745958303&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Smooth Japanese Roast</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Absolutely LOVE how this coffee brings dark notes in the cup, but still manages to be sweet and smooth at the same time. Just incredible!</strong></em></p><p><em><strong>Rick B. (The Coffee Attendant)</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/amedeo-coffee-blend"
                              >Amedeo</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_wnyD6n"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.6;
                    --pxu-section-mobile-aspect-ratio: 1.6;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000nicaraguanC_3983f93d-8f2d-4fb5-91fa-114484c2b25e.png?v=1745953190&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1600x1000nicaraguanC_3983f93d-8f2d-4fb5-91fa-114484c2b25e.png?v=1745953190&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000nicaraguanC_3983f93d-8f2d-4fb5-91fa-114484c2b25e.png?v=1745953190&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1600x1000nicaraguanC_3983f93d-8f2d-4fb5-91fa-114484c2b25e.png?v=1745953190&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1600x1000nicaraguanC_3983f93d-8f2d-4fb5-91fa-114484c2b25e.png?v=1745953190&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1600x1000nicaraguanC_3983f93d-8f2d-4fb5-91fa-114484c2b25e.png?v=1745953190&amp;width=1800 1800w" width="1800" height="1125" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-center
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>NICE!</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Fruity and flavorful. Not as acidic; nor as bold as some coffees, but incredibly rich, well balanced and flavorful cup of coffee.</strong></em></p><p><em><strong>Tony C.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="/products/single-origin-prococer-nicaraguan-fair-trade-coffee"
                              >PROCOCER Nicaraguan</a></div></div>
                    </div></div>
              </div>
            </div></div>
      </div></div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-slideshow{margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75)}@media only screen and (min-width:480px){.pxu-slideshow{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0)}}.pxu-slideshow .pxu-carousel__item{width:100%}.pxu-slideshow__image-wrapper{display:flex;position:relative}.pxu-slideshow__image-wrapper:before{background-color:var(--pxu-section-image-overlay-color,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.pxu-slideshow__image-wrapper--adapt{aspect-ratio:var(--pxu-section-mobile-aspect-ratio,auto)}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--adapt{aspect-ratio:var(--pxu-section-desktop-aspect-ratio,auto)}}.pxu-slideshow__image-wrapper--small{height:300px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--small{height:500px}}.pxu-slideshow__image-wrapper--medium{height:450px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--medium{height:650px}}.pxu-slideshow__image-wrapper--large{height:600px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--large{height:800px}}.pxu-slideshow__image-wrapper--fit-content-height{aspect-ratio:auto;height:var(--pxu-carousel-content-height)}.pxu-slideshow__picture{display:block;height:100%;position:relative;width:100%}.pxu-slideshow__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-slideshow__content-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;max-width:var(--pxu-width-max);padding:0 var(--pxu-space-4);position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:2}.pxu-slideshow__content-wrapper--mobile-align-left{align-items:flex-start;text-align:left}.pxu-slideshow__content-wrapper--mobile-align-center{align-items:center;text-align:center}.pxu-slideshow__content-wrapper--mobile-align-right{align-items:flex-end;text-align:right}@media only screen and (min-width:860px){.pxu-slideshow__content-wrapper--align-left{align-items:flex-start;text-align:left}.pxu-slideshow__content-wrapper--align-center{align-items:center;text-align:center}.pxu-slideshow__content-wrapper--align-right{align-items:flex-end;text-align:right}.pxu-slideshow__content-wrapper{padding:var(--pxu-space-4) calc(var(--pxu-carousel-button-width) + var(--pxu-carousel-prev-next-position) + var(--pxu-space-14))}}.pxu-slideshow__content{max-width:var(--pxu-section-content-width)}.pxu-section--animated-true .pxu-slideshow__content{opacity:0}@media (prefers-reduced-motion:reduce){.pxu-section--animated-true .pxu-slideshow__content{opacity:1}}.pxu-section--animated-true .is-selected .pxu-slideshow__content{animation:pxu-fade-in-up var(--pxu-transition-duration-300) var(--pxu-transition-duration-300) var(--pxu-transition-ease-out) forwards}.pxu-slideshow__heading.pxu-heading{color:var(--pxu-section-block-text-color);font-size:var(--pxu-section-block-heading-size-mobile);margin-bottom:var(--pxu-space-3)}@media only screen and (min-width:860px){.pxu-slideshow__heading.pxu-heading{font-size:var(--pxu-section-block-heading-size)}}.pxu-slideshow__text{color:var(--pxu-section-block-text-color);font-size:var(--pxu-section-block-text-size-mobile);overflow-wrap:anywhere}@media only screen and (min-width:860px){.pxu-slideshow__text{font-size:var(--pxu-section-block-text-size)}}.pxu-slideshow__button-group{margin-top:var(--pxu-space-6)}</style>

</div><div id="shopify-section-template--19197236642044__165982805123832c27" class="shopify-section shopify-section--search"><script
  type="application/json"
  data-section-type="search"
  data-section-id="template--19197236642044__165982805123832c27"
>
</script>

<style data-shopify>
  #shopify-section-template--19197236642044__165982805123832c27 {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__165982805123832c27 {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}


  #shopify-section-template--19197236642044__165982805123832c27 .search-section {
    background-position: ;
  }

  @media only screen and (max-width: 480px) {
    #shopify-section-template--19197236642044__165982805123832c27 .search-section {
      background-position: ;
    }
  }

  

</style>

<section
  class="
    section
    
      is-width-wide
      has-no-side-gutter
    
    
  "
>
  <div class="container">
    <div class="one-whole column">
      <div
        class="
          search-section
          
          text-align--center
          lazyload
        "
        
      >
        <div class="section_form">
          
            <h2 class="search-section__title title">What can we help you find?</h2>
          

          

          



<div class="search-form-container">
  <form
    class="
      search-form
      search-form--section
    "
    action="/search"
    data-autocomplete-true
  >
    <div class="search-form__input-wrapper">
      <input
        class="search-form__input"
        type="text"
        name="q"
        placeholder="Searching for..."
        aria-label="Searching for..."
        value=""
        autocorrect="off"
        autocomplete="off"
        autocapitalize="off"
        spellcheck="false"
        data-search-input
      >

      

      <button
        class="
          search-form__submit-button
          global-button
        "
        type="submit"
        aria-label="Search"
      >
        <span class="icon-search"></span>
      </button>
    </div>

    
      <div
        class="predictive-search"
        data-predictive-search
        data-loading="false"
      >

<svg
  class="loading-icon predictive-search__loading-state-spinner"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  
>
  <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/>
  <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"/>
</svg>
<div class="predictive-search__results" data-predictive-search-results></div>
      </div>
    
  </form>

  
</div>

        </div>
      </div>
    </div>
  </div>
</section>

</div><div id="shopify-section-template--19197236642044__1631408386a879b653" class="shopify-section shopify-section--image-with-text-overlay under-menu"><script
  type="application/json"
  data-section-type="image-with-text-overlay"
  data-section-id="template--19197236642044__1631408386a879b653"
>
</script>



<style data-shopify>
  #shopify-section-template--19197236642044__1631408386a879b653 {
  padding-top: 8px;
  padding-bottom: 8px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__1631408386a879b653 {
    padding-top: 10px;
    padding-bottom: 10px;
  }
}


  

  

</style>

<section
  id="banner-template--19197236642044__1631408386a879b653"
  class="
    section
    
      is-width-wide
      has-no-side-gutter
    
    full-width--true
    caption-background-translucent_text_box
    caption--below-false
    
  "
>
  <div class="container">
    <div
      class="
        one-whole
        column
        banner
      "
    >
      

      
        <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690"></noscript>














<div
  class="image-element"
  style="
    
    
    aspect-ratio: 1600/1000;
  
    
  "
>
  
<img
        class="image-element__img lazyload transition--appear"
        alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
        
        data-src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_flavored_coffeec_1200x.png?v=1698025445"
        data-sizes="auto"
        sizes="100vw"
        data-aspectratio="1600/1000"
        data-srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000_flavored_coffeec_2000x.png?v=1698025445 2000w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_flavored_coffeec_1200x.png?v=1698025445 1200w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_flavored_coffeec_800x.png?v=1698025445 800w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_flavored_coffeec_400x.png?v=1698025445 400w"
        width="1600"
        height="1000"
        
          style="object-fit:cover;object-position:50.0% 50.0%;"
        
        srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='1000'></svg>"
      >
</div>


<noscript>
  <img
    class="image-element__img noscript"
    src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_flavored_coffeec_2000x.png?v=1698025445"
    alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
    
      style="object-fit:cover;object-position:50.0% 50.0%;"
    
  >
</noscript>

<script type="module">
  import 'component.image-element-aspect-ratio';
</script>


        
      

      

      
        

        
      

      
        <div
          class="
            position-right
            caption
            js-caption
          "
        >
          <div class="caption-content align-center">
            
              <div class="pretext">
                <p><em><strong>Handcrafted</strong></em></p>
              </div>
            

            
              <h1 class="headline">
                Flavored
              </h1>
            

            
              <div class="subtitle">
                <p><em><strong>Coffee</strong></em></p>
              </div>
            

            
  
  
  
<div class="button-grid-container ">
    
    
    


  
  
  
  
  
  
    
    
  
  <a
    href="https://outofthegreycoffee.com/collections/ootgcoffee-flavored"
    
    class="
      global-button
      global-button--banner-text
      
      first_button
    "
  >
    Explore
  </a>


    
    
    



  </div>


          </div>
        </div>
      
    </div>
  </div>
</section>

</div><div id="shopify-section-template--19197236642044__pxu_multicolumn_66GBWt" class="shopify-section pxu-multicolumn-section"><section
  id="template--19197236642044__pxu_multicolumn_66GBWt"
  class="
    pxu-section
    pxu-multicolumn
    pxu-multicolumn--center
    
    pxu-multicolumn--desktop-center
    pxu-multicolumn--mobile-center
    
  "
  style="
    --pxu-desktop-columns: 3;
    --pxu-mobile-columns: 1;
    --pxu-section-heading-size: 40px;
    --pxu-section-heading-size-mobile: 30px;
    --pxu-section-text-color: #000000;
    --pxu-section-background-color: #ffffff;
    --pxu-block-heading-size: 24px;
    --pxu-block-heading-size-mobile: 24px;
    --pxu-block-text-size: 16px;
    --pxu-block-text-size-mobile: 16px;
    --pxu-section-padding-top: 16px;
    --pxu-section-padding-bottom: 16px;
    --pxu-section-margin-top: 20px;
    --pxu-section-margin-bottom: 16px;
  "
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_multicolumn_66GBWt",
      "handle": "pxu-multicolumn",
      "className": "MulticolumnSection",
      "name": "Multicolumn",
      "version": "1.0.0"
    }
  </script>

  <div class="pxu-section__container pxu-multicolumn__container"><h2 class="pxu-section__section-heading pxu-multicolumn__section-heading"><strong>Flavorites -</strong> Last Month's Most Popular</h2><div class="pxu-multicolumn__grid">
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/king-james-java-flavored-coffee" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/kingjamesjava2023c.png?v=1687458644&amp;width=800" alt="Out Of The Grey Coffee Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/kingjamesjava2023c.png?v=1687458644&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/kingjamesjava2023c.png?v=1687458644&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/kingjamesjava2023c.png?v=1687458644&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/kingjamesjava2023c.png?v=1687458644&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/kingjamesjava2023c.png?v=1687458644&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">King James Java</h3><div class="pxu-multicolumn__text">
                  <p><strong>A Strong coffee flavored with Milk and Honey! Rich honey, mouth-watering caramel and sweet cream!</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/king-james-java-flavored-coffee"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/jungle-fire-flavored-coffee" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/jungle_fire_2023c.png?v=1746154026&amp;width=800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/jungle_fire_2023c.png?v=1746154026&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/jungle_fire_2023c.png?v=1746154026&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/jungle_fire_2023c.png?v=1746154026&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/jungle_fire_2023c.png?v=1746154026&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/jungle_fire_2023c.png?v=1746154026&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Jungle Fire</h3><div class="pxu-multicolumn__text">
                  <p><strong>Sweet and spicy with layers of intensely rich and savory flavors, amazingly delicious.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/jungle-fire-flavored-coffee"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/zebra-mocha-flavored-coffee" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/zebramocha2023c.png?v=1687459545&amp;width=800" alt="Out Of The Grey Coffee Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/zebramocha2023c.png?v=1687459545&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/zebramocha2023c.png?v=1687459545&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/zebramocha2023c.png?v=1687459545&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/zebramocha2023c.png?v=1687459545&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/zebramocha2023c.png?v=1687459545&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Zebra Mocha</h3><div class="pxu-multicolumn__text">
                  <p><strong>Pure, decadent tastes of white chocolate chip chunk mocha and white chocolate cream.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/zebra-mocha-flavored-coffee"
                  
                >EXPLORE</a></div></div>
  </div>
</section>
<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-multicolumn{background:var(--pxu-section-background-color);color:var(--pxu-section-text-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-multicolumn{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-multicolumn__grid{display:grid;gap:var(--pxu-space-12) var(--pxu-space-4);grid-template-columns:repeat(var(--pxu-mobile-columns),1fr)}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}.pxu-multicolumn__column{display:flex;flex-direction:column;gap:var(--pxu-space-3)}.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}.pxu-multicolumn__text{font-size:var(--pxu-block-text-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}.pxu-multicolumn__text p{margin:0}.pxu-multicolumn__button{margin-top:var(--pxu-space-3)}.pxu-multicolumn__image-wrapper{margin-bottom:var(--pxu-space-1);position:relative;width:100%}.pxu-multicolumn__image-link{display:block;height:100%;width:100%}.pxu-multicolumn__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-multicolumn__image--adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}.pxu-multicolumn__image--square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn--mobile-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--mobile-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--mobile-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media only screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (max-color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (max-color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media not screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media only screen and (min-width:1024px){@media screen and (max-color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media not screen and (min-width:1024px){@media screen and (color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media only screen and (max-width:479px){@media screen and (max-color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}@media not screen and (max-width:479px){@media screen and (color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}</style>
</div><div id="shopify-section-template--19197236642044__pxu_mosaic_MjKDXQ" class="shopify-section pxu-mosaic-section"><section
  id="template--19197236642044__pxu_mosaic_MjKDXQ"
  class="
    pxu-section
    pxu-section--animated-true
    pxu-mosaic
    pxu-mosaic--mobile-layout-stacked
    pxu-mosaic--align-bottom-left
    pxu-mosaic--item-count-5
    pxu-mosaic--desktop-height-large
    
  "
  style="
    --pxu-section-background-color: #ffffff;
    --pxu-section-padding-top: 10px;
    --pxu-section-padding-bottom: 0px;
    --pxu-section-margin-top: 10px;
    --pxu-section-margin-bottom: 15px;
    --pxu-section-corner-radius: 20px;
    --pxu-section-mobile-image-height: 400px;
  "
  data-pxu-mosaic
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_mosaic_MjKDXQ",
      "handle": "pxu-mosaic",
      "className": "MosaicSection",
      "name": "Mosaic",
      "version": "1.0.0",
      "scriptsUrl": "//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812",
      "hasSlider": false
    }
  </script>

  <div class="pxu-section__container pxu-mosaic__container">
    <div class="pxu-mosaic__inner">
      
        
          

          <div
            id="mosaic_item_KxVc8R"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-1
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/chocolate2_800x600c.png?v=1739238365&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/chocolate2_800x600c.png?v=1739238365&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/chocolate2_800x600c.png?v=1739238365&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/chocolate2_800x600c.png?v=1739238365&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/chocolate2_800x600c.png?v=1739238365&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/chocolate2_800x600c.png?v=1739238365&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 66.66vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Chocolaty</strong></h2><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-chocolate-flavored"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_YWBE48"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-2
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/sweet_800x600c.png?v=1739238337&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/sweet_800x600c.png?v=1739238337&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/sweet_800x600c.png?v=1739238337&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/sweet_800x600c.png?v=1739238337&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/sweet_800x600c.png?v=1739238337&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/sweet_800x600c.png?v=1739238337&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 66.66vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Sweet</strong></h2><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-sweet-flavored"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_Jp8Aj8"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-3
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/fruit_800x600c.png?v=1739238353&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/fruit_800x600c.png?v=1739238353&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/fruit_800x600c.png?v=1739238353&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/fruit_800x600c.png?v=1739238353&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/fruit_800x600c.png?v=1739238353&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/fruit_800x600c.png?v=1739238353&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Fruity</strong></h2><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-fruity-flavored"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_p49Ed3"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-4
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/spice_800x600c.png?v=1739238359&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/spice_800x600c.png?v=1739238359&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/spice_800x600c.png?v=1739238359&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/spice_800x600c.png?v=1739238359&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/spice_800x600c.png?v=1739238359&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/spice_800x600c.png?v=1739238359&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Spicy</strong></h2><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-spicy-flavored"
                  
                >EXPLORE</a></div>
          </div>
        
          

          <div
            id="mosaic_item_wjnYyd"
            class="
              pxu-mosaic__item
              pxu-mosaic__item--pos-5
            "
            style="
              --pxu-block-text-color: #ffffff;
              --pxu-heading-size: 24px;
              --pxu-heading-size-mobile: 22px;
              --pxu-text-size: 16px;
              --pxu-text-size-mobile: 15px;
              --pxu-image-overlay-color: #000000;
              --pxu-image-overlay-opacity: 0.2;
              --pxu-focal-point-desktop: 50.0% 50.0%;
              --pxu-focal-point-mobile: ;
            "
            
          >
            
              <picture class="pxu-mosaic__image">
                
                
                  <img src="//outofthegreycoffee.com/cdn/shop/files/nuts_800x600c.png?v=1739238348&amp;width=1600" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/nuts_800x600c.png?v=1739238348&amp;width=1600 1600w, //outofthegreycoffee.com/cdn/shop/files/nuts_800x600c.png?v=1739238348&amp;width=1100 1100w, //outofthegreycoffee.com/cdn/shop/files/nuts_800x600c.png?v=1739238348&amp;width=768 768w, //outofthegreycoffee.com/cdn/shop/files/nuts_800x600c.png?v=1739238348&amp;width=420 420w, //outofthegreycoffee.com/cdn/shop/files/nuts_800x600c.png?v=1739238348&amp;width=360 360w" width="1600" height="1200" loading="lazy" fetchpriority="auto" sizes="(max-width: 719px) 100vw, (min-width: 720px) 33.33vw">
                
              </picture>
            

            <div class="pxu-mosaic__content"><h2 class="pxu-mosaic__heading pxu-heading"><strong>Nutty</strong></h2><a
                  class="
                    pxu-mosaic__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="https://outofthegreycoffee.com/collections/ootgcoffee-nutty-flavored"
                  
                >EXPLORE</a></div>
          </div>
        
      
    </div>
  </div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-mosaic{--pxu-section-placeholder-fill-color:#898989;--pxu-section-placeholder-background-color:hsla(0,0%,39%,.25);background-color:var(--pxu-section-background-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-mosaic{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-mosaic__inner{display:grid;gap:var(--pxu-space-4);grid-template-columns:1fr}@media only screen and (max-width:719px){.pxu-mosaic .flickity-enabled .pxu-carousel__item,.pxu-mosaic__item{width:100%}}.pxu-mosaic__item{border-radius:var(--pxu-section-corner-radius);color:var(--pxu-block-text-color);display:flex;flex-wrap:wrap;min-height:var(--pxu-section-mobile-image-height);padding:var(--pxu-space-4);position:relative}@media only screen and (min-width:860px){.pxu-mosaic__item{padding:var(--pxu-space-8)}}.pxu-mosaic__image{overflow:hidden}.pxu-mosaic__image,.pxu-mosaic__image:before{border-radius:var(--pxu-section-corner-radius);inset:0;position:absolute}.pxu-mosaic__image:before{background-color:var(--pxu-image-overlay-color,transparent);content:"";display:block;opacity:var(--pxu-image-overlay-opacity);z-index:1}.pxu-mosaic__image img,.pxu-mosaic__image svg{border-radius:var(--pxu-section-corner-radius);height:100%;-o-object-fit:cover;object-fit:cover;width:100%}.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-mobile,var(--pxu-focal-point-desktop));transition:transform .7s cubic-bezier(0,0,.2,1)}@media only screen and (min-width:720px){@media (max-color:2147477350) and (prefers-reduced-motion:no-preference){.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-desktop)}.pxu-section:not(.pxu-section--animated-false) .pxu-mosaic__item:hover .pxu-mosaic__image img{transform:scale(1.05)}}}@media not screen and (min-width:720px){@media (color:2147477350) and (prefers-reduced-motion:no-preference){.pxu-mosaic__image img{transform-origin:var(--pxu-focal-point-desktop)}.pxu-section:not(.pxu-section--animated-false) .pxu-mosaic__item:hover .pxu-mosaic__image img{transform:scale(1.05)}}}.pxu-mosaic__content{position:relative;width:100%;z-index:1}@media only screen and (min-width:1024px){.pxu-mosaic__content{width:70%}}.pxu-mosaic__heading{font-size:var(--pxu-heading-size-mobile);margin-bottom:var(--pxu-space-3)}@media only screen and (min-width:860px){.pxu-mosaic__heading{font-size:var(--pxu-heading-size)}}.pxu-mosaic__text{font-size:var(--pxu-text-size-mobile)}@media only screen and (min-width:860px){.pxu-mosaic__text{font-size:var(--pxu-text-size)}}.pxu-mosaic__text+.pxu-mosaic__button{margin-top:var(--pxu-space-6)}.pxu-mosaic--remove-space .pxu-mosaic__inner{gap:0}@media only screen and (min-width:720px){.pxu-mosaic--item-count-2 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr)}.pxu-mosaic--item-count-2 .pxu-mosaic__item--pos-1{grid-column:1/3}.pxu-mosaic--item-count-2 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-3 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-1{grid-column:1/span 2;grid-row:1/span 2}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-3 .pxu-mosaic__item--pos-3{grid-row:2}.pxu-mosaic--item-count-4 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,1fr)}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-1{grid-column:1/span 2}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-2{grid-column:3}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-3{grid-column:1}.pxu-mosaic--item-count-4 .pxu-mosaic__item--pos-4{grid-column:2/span 2}.pxu-mosaic--item-count-5 .pxu-mosaic__inner{grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(6,1fr)}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-1{grid-column:1/span 2;grid-row:1/span 3}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-2{grid-column:1/span 2;grid-row:4/span 3}.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-3,.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-4,.pxu-mosaic--item-count-5 .pxu-mosaic__item--pos-5{grid-column:3/span 2;grid-row:auto/span 2}.pxu-mosaic--desktop-height-small .pxu-mosaic__inner{min-height:33vh}.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:400px}.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-small.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:250px}.pxu-mosaic--desktop-height-medium .pxu-mosaic__inner{min-height:50vh}.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:450px}.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-medium.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:300px}.pxu-mosaic--desktop-height-large .pxu-mosaic__inner{min-height:66vh}.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-1 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-2 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-4 .pxu-mosaic__item{min-height:500px}.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-3 .pxu-mosaic__item,.pxu-mosaic--desktop-height-large.pxu-mosaic--item-count-5 .pxu-mosaic__item{min-height:350px}}.pxu-mosaic--align-bottom-center .pxu-mosaic__item,.pxu-mosaic--align-middle-center .pxu-mosaic__item,.pxu-mosaic--align-top-center .pxu-mosaic__item{justify-content:center;text-align:center}.pxu-mosaic--align-bottom-right .pxu-mosaic__item,.pxu-mosaic--align-middle-right .pxu-mosaic__item,.pxu-mosaic--align-top-right .pxu-mosaic__item{justify-content:flex-end;text-align:right}.pxu-mosaic--align-middle-center .pxu-mosaic__item,.pxu-mosaic--align-middle-left .pxu-mosaic__item,.pxu-mosaic--align-middle-right .pxu-mosaic__item{align-items:center}.pxu-mosaic--align-bottom-center .pxu-mosaic__item,.pxu-mosaic--align-bottom-left .pxu-mosaic__item,.pxu-mosaic--align-bottom-right .pxu-mosaic__item{align-items:flex-end}</style>

</div><div id="shopify-section-template--19197236642044__image_text_drMEKJ" class="shopify-section shopify-section--image-with-text"><script
  type="application/json"
  data-section-type="image-text"
  data-section-id="template--19197236642044__image_text_drMEKJ"
></script>



<style data-shopify>
  #shopify-section-template--19197236642044__image_text_drMEKJ {
  padding-top: 0px;
  padding-bottom: 8px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__image_text_drMEKJ {
    padding-top: 0px;
    padding-bottom: 10px;
  }
}


  

</style>

<section
  class="
    section
    
      is-width-standard
    
    
    
  "
>
  
    
      <div
        class="
          container
          image-with-text-container
          section-1
          featured_collections
          
            
              is-flex-row-reverse
            
          
        "
        
      >
        


        <div
          class="
            featured-link--half
            one-half
            column
            image-with-text__image-column
            is-align-center
            image-with-text__column
            medium-down--one-whole
          "
        >
          <div class="featured-link--wrap">
            <a
              
                href="https://outofthegreycoffee.com/collections/ootgcoffee-5-bag-tour-coffee-samplers?_pos=1&_psq=sampler&_ss=e&_v=1.0"
              
              title="5 Bag Flavored Tour - Coffee Samplers"
            >
              
                <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690"></noscript>














<div
  class="image-element"
  style="
    
    
    aspect-ratio: 1800/1120;
  
    
  "
>
  
<img
        class="image-element__img lazyload transition--appear"
        alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
        
        data-src="//outofthegreycoffee.com/cdn/shop/files/5_bag_tour_1800x1120c_1200x.png?v=1739316221"
        data-sizes="auto"
        sizes="100vw"
        data-aspectratio="1800/1120"
        data-srcset="//outofthegreycoffee.com/cdn/shop/files/5_bag_tour_1800x1120c_2000x.png?v=1739316221 2000w,
    //outofthegreycoffee.com/cdn/shop/files/5_bag_tour_1800x1120c_1200x.png?v=1739316221 1200w,
    //outofthegreycoffee.com/cdn/shop/files/5_bag_tour_1800x1120c_800x.png?v=1739316221 800w,
    //outofthegreycoffee.com/cdn/shop/files/5_bag_tour_1800x1120c_400x.png?v=1739316221 400w"
        width="1800"
        height="1120"
        
          style="object-fit:cover;object-position:50.0% 50.0%;"
        
        srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='1800'%20height='1120'></svg>"
      >
</div>


<noscript>
  <img
    class="image-element__img noscript"
    src="//outofthegreycoffee.com/cdn/shop/files/5_bag_tour_1800x1120c_2000x.png?v=1739316221"
    alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
    
      style="object-fit:cover;object-position:50.0% 50.0%;"
    
  >
</noscript>

<script type="module">
  import 'component.image-element-aspect-ratio';
</script>

              
            </a>
          </div>
        </div>
        <div class="featured-link--half one-half column image-with-text__text-column is-flex is-align-center image-with-text__column medium-down--one-whole block--image_4f6KJf">
          <div class="info text-align--center">
            <a
              
                href="https://outofthegreycoffee.com/collections/ootgcoffee-5-bag-tour-coffee-samplers?_pos=1&_psq=sampler&_ss=e&_v=1.0"
              
              class="collection_title"
            >
              5 Bag Flavored Tour - Coffee Samplers
            </a>
            
              <div class="description"><p><em><strong>Not sure what coffee to try? Looking for that perfect gift? No Problem!</strong></em></p></div>
            
            
              
              
                <style>
                  .block--image_4f6KJf .global-button {
                    

      --button-color-border: #ffffff;
      --button-color-background: transparent;
      --button-color-text: #ffffff;
      --button-color-border-hover: #ffffff;
      --button-color-background-hover: #ffffff;
      --button-color-text-hover: #333333
;
    

                  }
                </style>
              
              <a
                
                  href="https://outofthegreycoffee.com/collections/ootgcoffee-5-bag-tour-coffee-samplers?_pos=1&_psq=sampler&_ss=e&_v=1.0"
                
                class="global-button global-button--text image-text__button"
              >
                Explore
              </a>
            
          </div>
        </div>
      </div>
    
  
</section>

<style>
  

    


    
      .block--image_4f6KJf {
        background-color: #000000;
      }
    

    
      .block--image_4f6KJf .collection_title,
      .block--image_4f6KJf p {
        color: #ffffff;
      }
    
  

  
    #shopify-section-template--19197236642044__image_text_drMEKJ .image-with-text-container {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    @media only screen and (max-width: 480px) {
      #shopify-section-template--19197236642044__image_text_drMEKJ .image-with-text-container {
        margin-bottom: 10%;
      }
    }

  
</style>

</div><div id="shopify-section-template--19197236642044__image_with_text_overlay_tJMBmL" class="shopify-section shopify-section--image-with-text-overlay under-menu"><script
  type="application/json"
  data-section-type="image-with-text-overlay"
  data-section-id="template--19197236642044__image_with_text_overlay_tJMBmL"
>
</script>



<style data-shopify>
  #shopify-section-template--19197236642044__image_with_text_overlay_tJMBmL {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__image_with_text_overlay_tJMBmL {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}


  

  

</style>

<section
  id="banner-template--19197236642044__image_with_text_overlay_tJMBmL"
  class="
    section
    
      is-width-wide
      has-no-side-gutter
    
    full-width--true
    caption-background-translucent_text_box
    caption--below-false
    
  "
>
  <div class="container">
    <div
      class="
        one-whole
        column
        banner
      "
    >
      

      
        <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690"></noscript>














<div
  class="image-element"
  style="
    
    
    aspect-ratio: 1600/1000;
  
    
  "
>
  
<img
        class="image-element__img lazyload transition--appear"
        alt="Thoughtfully Sourced | Coffee Roasted Daily | Shipping Truly Extraordinary Coffee &amp; Handcrafted Luxury Loose-Leaf Tea Everywhere | O Taste and See | Psalms 34:8 "
        
        data-src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_blended_destinations_10_offc_1200x.png?v=1698024270"
        data-sizes="auto"
        sizes="100vw"
        data-aspectratio="1600/1000"
        data-srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000_blended_destinations_10_offc_2000x.png?v=1698024270 2000w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_blended_destinations_10_offc_1200x.png?v=1698024270 1200w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_blended_destinations_10_offc_800x.png?v=1698024270 800w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_blended_destinations_10_offc_400x.png?v=1698024270 400w"
        width="1600"
        height="1000"
        
          style="object-fit:cover;object-position:50.0% 50.0%;"
        
        srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='1000'></svg>"
      >
</div>


<noscript>
  <img
    class="image-element__img noscript"
    src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_blended_destinations_10_offc_2000x.png?v=1698024270"
    alt="Thoughtfully Sourced | Coffee Roasted Daily | Shipping Truly Extraordinary Coffee &amp; Handcrafted Luxury Loose-Leaf Tea Everywhere | O Taste and See | Psalms 34:8 "
    
      style="object-fit:cover;object-position:50.0% 50.0%;"
    
  >
</noscript>

<script type="module">
  import 'component.image-element-aspect-ratio';
</script>


        
      

      

      
        

        
      

      
        <div
          class="
            position-center
            caption
            js-caption
          "
        >
          <div class="caption-content align-center">
            
              <div class="pretext">
                <p><em><strong>Handcrafted</strong></em></p>
              </div>
            

            
              <h1 class="headline">
                Blended Destinations
              </h1>
            

            
              <div class="subtitle">
                <p><em><strong>Coffee Pairing</strong></em></p>
              </div>
            

            
  
  
  
<div class="button-grid-container ">
    
    
    


  
  
  
  
  
  
    
    
  
  <a
    href="https://outofthegreycoffee.com/collections/ootgcoffee-blended-destination-coffee-pairing"
    
    class="
      global-button
      global-button--banner-text
      
      first_button
    "
  >
    Expore
  </a>


    
    
    



  </div>


          </div>
        </div>
      
    </div>
  </div>
</section>

</div><div id="shopify-section-template--19197236642044__pxu_multicolumn_GbnbCC" class="shopify-section pxu-multicolumn-section"><section
  id="template--19197236642044__pxu_multicolumn_GbnbCC"
  class="
    pxu-section
    pxu-multicolumn
    pxu-multicolumn--center
    
    pxu-multicolumn--desktop-center
    pxu-multicolumn--mobile-center
    
  "
  style="
    --pxu-desktop-columns: 3;
    --pxu-mobile-columns: 1;
    --pxu-section-heading-size: 40px;
    --pxu-section-heading-size-mobile: 30px;
    --pxu-section-text-color: #000000;
    --pxu-section-background-color: #ffffff;
    --pxu-block-heading-size: 24px;
    --pxu-block-heading-size-mobile: 24px;
    --pxu-block-text-size: 16px;
    --pxu-block-text-size-mobile: 16px;
    --pxu-section-padding-top: 16px;
    --pxu-section-padding-bottom: 16px;
    --pxu-section-margin-top: 20px;
    --pxu-section-margin-bottom: 16px;
  "
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_multicolumn_GbnbCC",
      "handle": "pxu-multicolumn",
      "className": "MulticolumnSection",
      "name": "Multicolumn",
      "version": "1.0.0"
    }
  </script>

  <div class="pxu-section__container pxu-multicolumn__container"><h2 class="pxu-section__section-heading pxu-multicolumn__section-heading"><strong>Destinations -</strong> Last Month's Most Popular</h2><div class="pxu-multicolumn__grid">
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/flavors-of-jamaica-handcrafted-coffees" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/flavors_of_Jamaica1000x1000c.png?v=1746234742&amp;width=800" alt="" srcset="//outofthegreycoffee.com/cdn/shop/files/flavors_of_Jamaica1000x1000c.png?v=1746234742&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/flavors_of_Jamaica1000x1000c.png?v=1746234742&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/flavors_of_Jamaica1000x1000c.png?v=1746234742&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/flavors_of_Jamaica1000x1000c.png?v=1746234742&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/flavors_of_Jamaica1000x1000c.png?v=1746234742&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Coffee Pairing</h3><div class="pxu-multicolumn__text">
                  <p><strong>Jamaican Blue Mountain and Jamaican Me Crazy</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/flavors-of-jamaica-handcrafted-coffees"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/middle-eastern-odyssey-handcrafted-coffees" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/middle_eastern_odyssey1000x10000.png?v=1746234765&amp;width=800" alt="" srcset="//outofthegreycoffee.com/cdn/shop/files/middle_eastern_odyssey1000x10000.png?v=1746234765&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/middle_eastern_odyssey1000x10000.png?v=1746234765&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/middle_eastern_odyssey1000x10000.png?v=1746234765&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/middle_eastern_odyssey1000x10000.png?v=1746234765&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/middle_eastern_odyssey1000x10000.png?v=1746234765&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Coffee Pairing</h3><div class="pxu-multicolumn__text">
                  <p><strong>Mocha Java and Pistachio</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/middle-eastern-odyssey-handcrafted-coffees"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/uncover-india-handcrafted-coffees" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/uncover_india1000x1000c.png?v=1746234864&amp;width=800" alt="" srcset="//outofthegreycoffee.com/cdn/shop/files/uncover_india1000x1000c.png?v=1746234864&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/uncover_india1000x1000c.png?v=1746234864&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/uncover_india1000x1000c.png?v=1746234864&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/uncover_india1000x1000c.png?v=1746234864&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/uncover_india1000x1000c.png?v=1746234864&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Coffee Pairing</h3><div class="pxu-multicolumn__text">
                  <p><strong>Indian Monsoon and Cinnamon Nut</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/uncover-india-handcrafted-coffees"
                  
                >EXPLORE</a></div></div>
  </div>
</section>
<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-multicolumn{background:var(--pxu-section-background-color);color:var(--pxu-section-text-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-multicolumn{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-multicolumn__grid{display:grid;gap:var(--pxu-space-12) var(--pxu-space-4);grid-template-columns:repeat(var(--pxu-mobile-columns),1fr)}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}.pxu-multicolumn__column{display:flex;flex-direction:column;gap:var(--pxu-space-3)}.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}.pxu-multicolumn__text{font-size:var(--pxu-block-text-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}.pxu-multicolumn__text p{margin:0}.pxu-multicolumn__button{margin-top:var(--pxu-space-3)}.pxu-multicolumn__image-wrapper{margin-bottom:var(--pxu-space-1);position:relative;width:100%}.pxu-multicolumn__image-link{display:block;height:100%;width:100%}.pxu-multicolumn__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-multicolumn__image--adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}.pxu-multicolumn__image--square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn--mobile-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--mobile-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--mobile-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media only screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (max-color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (max-color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media not screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media only screen and (min-width:1024px){@media screen and (max-color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media not screen and (min-width:1024px){@media screen and (color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media only screen and (max-width:479px){@media screen and (max-color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}@media not screen and (max-width:479px){@media screen and (color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}</style>
</div><div id="shopify-section-template--19197236642044__image_with_text_overlay_zqXhNR" class="shopify-section shopify-section--image-with-text-overlay under-menu"><script
  type="application/json"
  data-section-type="image-with-text-overlay"
  data-section-id="template--19197236642044__image_with_text_overlay_zqXhNR"
>
</script>



<style data-shopify>
  #shopify-section-template--19197236642044__image_with_text_overlay_zqXhNR {
  padding-top: 15px;
  padding-bottom: 19px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__image_with_text_overlay_zqXhNR {
    padding-top: 20px;
    padding-bottom: 25px;
  }
}


  

  

</style>

<section
  id="banner-template--19197236642044__image_with_text_overlay_zqXhNR"
  class="
    section
    
      is-width-wide
      has-no-side-gutter
    
    full-width--true
    caption-background-translucent_text_box
    caption--below-false
    
  "
>
  <div class="container">
    <div
      class="
        one-whole
        column
        banner
      "
    >
      

      
        <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690"></noscript>














<div
  class="image-element"
  style="
    
    
    aspect-ratio: 1600/1000;
  
    
  "
>
  
<img
        class="image-element__img lazyload transition--appear"
        alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
        
        data-src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_tea_2025c_1200x.png?v=1733461352"
        data-sizes="auto"
        sizes="100vw"
        data-aspectratio="1600/1000"
        data-srcset="//outofthegreycoffee.com/cdn/shop/files/1600x1000_tea_2025c_2000x.png?v=1733461352 2000w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_tea_2025c_1200x.png?v=1733461352 1200w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_tea_2025c_800x.png?v=1733461352 800w,
    //outofthegreycoffee.com/cdn/shop/files/1600x1000_tea_2025c_400x.png?v=1733461352 400w"
        width="1600"
        height="1000"
        
          style="object-fit:cover;object-position:50.0% 50.0%;"
        
        srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='1600'%20height='1000'></svg>"
      >
</div>


<noscript>
  <img
    class="image-element__img noscript"
    src="//outofthegreycoffee.com/cdn/shop/files/1600x1000_tea_2025c_2000x.png?v=1733461352"
    alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
    
      style="object-fit:cover;object-position:50.0% 50.0%;"
    
  >
</noscript>

<script type="module">
  import 'component.image-element-aspect-ratio';
</script>


        
      

      

      
        

        
      

      
        <div
          class="
            position-left
            caption
            js-caption
          "
        >
          <div class="caption-content align-center">
            
              <div class="pretext">
                <p><em><strong>Handcrafted</strong></em></p>
              </div>
            

            
              <h1 class="headline">
                Luxury
              </h1>
            

            
              <div class="subtitle">
                <p><em><strong>Loose-Leaf Tea</strong></em></p>
              </div>
            

            
  
  
  
<div class="button-grid-container ">
    
    
    


  
  
  
  
  
  
    
    
  
  <a
    href="https://outofthegreycoffee.com/collections/ootgcoffee-luxury-loose-leaf"
    
    class="
      global-button
      global-button--banner-text
      
      first_button
    "
  >
    Explore
  </a>


    
    
    



  </div>


          </div>
        </div>
      
    </div>
  </div>
</section>

</div><div id="shopify-section-template--19197236642044__pxu_multicolumn_fzAYQX" class="shopify-section pxu-multicolumn-section"><section
  id="template--19197236642044__pxu_multicolumn_fzAYQX"
  class="
    pxu-section
    pxu-multicolumn
    pxu-multicolumn--center
    
    pxu-multicolumn--desktop-center
    pxu-multicolumn--mobile-center
    
  "
  style="
    --pxu-desktop-columns: 3;
    --pxu-mobile-columns: 1;
    --pxu-section-heading-size: 40px;
    --pxu-section-heading-size-mobile: 30px;
    --pxu-section-text-color: #000000;
    --pxu-section-background-color: #ffffff;
    --pxu-block-heading-size: 24px;
    --pxu-block-heading-size-mobile: 24px;
    --pxu-block-text-size: 16px;
    --pxu-block-text-size-mobile: 16px;
    --pxu-section-padding-top: 16px;
    --pxu-section-padding-bottom: 16px;
    --pxu-section-margin-top: 16px;
    --pxu-section-margin-bottom: 16px;
  "
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_multicolumn_fzAYQX",
      "handle": "pxu-multicolumn",
      "className": "MulticolumnSection",
      "name": "Multicolumn",
      "version": "1.0.0"
    }
  </script>

  <div class="pxu-section__container pxu-multicolumn__container"><h2 class="pxu-section__section-heading pxu-multicolumn__section-heading"><strong>Luxury Loose-Leafs - Last Month's Most Popular</strong></h2><div class="pxu-multicolumn__grid">
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/awesamoa-black-handcrafted-luxury-loose-leaf-tea" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/awesamoaBLACK_500x500_d6c6ae04-02b5-4f29-a92b-fba0d38029a5.png?v=1746236566&amp;width=800" alt="" srcset="//outofthegreycoffee.com/cdn/shop/files/awesamoaBLACK_500x500_d6c6ae04-02b5-4f29-a92b-fba0d38029a5.png?v=1746236566&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/awesamoaBLACK_500x500_d6c6ae04-02b5-4f29-a92b-fba0d38029a5.png?v=1746236566&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/awesamoaBLACK_500x500_d6c6ae04-02b5-4f29-a92b-fba0d38029a5.png?v=1746236566&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/awesamoaBLACK_500x500_d6c6ae04-02b5-4f29-a92b-fba0d38029a5.png?v=1746236566&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/awesamoaBLACK_500x500_d6c6ae04-02b5-4f29-a92b-fba0d38029a5.png?v=1746236566&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Awesamoa Black</h3><div class="pxu-multicolumn__text">
                  <p><strong>Finest black tea, shredded coconut, almond slices and chocolate pieces.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/awesamoa-cookie-flavored-coffee"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/white-ginger-orange-peach-handcrafted-luxury-loose-leaf-tea" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/white_ginger_orange_peachc_85b25f2d-7ff8-4bdb-88c0-93fd103612d4.png?v=1746236673&amp;width=800" alt="" srcset="//outofthegreycoffee.com/cdn/shop/files/white_ginger_orange_peachc_85b25f2d-7ff8-4bdb-88c0-93fd103612d4.png?v=1746236673&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/white_ginger_orange_peachc_85b25f2d-7ff8-4bdb-88c0-93fd103612d4.png?v=1746236673&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/white_ginger_orange_peachc_85b25f2d-7ff8-4bdb-88c0-93fd103612d4.png?v=1746236673&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/white_ginger_orange_peachc_85b25f2d-7ff8-4bdb-88c0-93fd103612d4.png?v=1746236673&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/white_ginger_orange_peachc_85b25f2d-7ff8-4bdb-88c0-93fd103612d4.png?v=1746236673&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">White Ginger Orange Peach</h3><div class="pxu-multicolumn__text">
                  <p><strong>Bai Mu Dan white tea, safflowers, ginger root, calendula, orange peel and peach pieces.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/white-ginger-orange-peach-handcrafted-luxury-loose-leaf-tea"
                  
                >EXPLORE</a></div>
            <div class="pxu-multicolumn__column" ><div class="pxu-multicolumn__image-wrapper pxu-multicolumn__image--square pxu-multicolumn__image--mobile-square"><a href="/products/peppermint-candy-handcrafted-luxury-loose-leaf-tea" class="pxu-multicolumn__image-link"><img src="//outofthegreycoffee.com/cdn/shop/files/peppermint_candyMINT_500x500c_415f253d-4072-408f-9f27-56ec0cdbb906.png?v=1746236575&amp;width=800" alt="" srcset="//outofthegreycoffee.com/cdn/shop/files/peppermint_candyMINT_500x500c_415f253d-4072-408f-9f27-56ec0cdbb906.png?v=1746236575&amp;width=200 200w, //outofthegreycoffee.com/cdn/shop/files/peppermint_candyMINT_500x500c_415f253d-4072-408f-9f27-56ec0cdbb906.png?v=1746236575&amp;width=300 300w, //outofthegreycoffee.com/cdn/shop/files/peppermint_candyMINT_500x500c_415f253d-4072-408f-9f27-56ec0cdbb906.png?v=1746236575&amp;width=400 400w, //outofthegreycoffee.com/cdn/shop/files/peppermint_candyMINT_500x500c_415f253d-4072-408f-9f27-56ec0cdbb906.png?v=1746236575&amp;width=600 600w, //outofthegreycoffee.com/cdn/shop/files/peppermint_candyMINT_500x500c_415f253d-4072-408f-9f27-56ec0cdbb906.png?v=1746236575&amp;width=800 800w" width="800" height="800" loading="lazy" class="pxu-multicolumn__image" sizes="(min-width: 750px) calc((100vw - 112px) / 3), calc((100vw - 32px) / 1)" fetchpriority="auto">
</a></div><h3 class="pxu-multicolumn__block-heading pxu-heading">Peppermint Candy</h3><div class="pxu-multicolumn__text">
                  <p><strong>Watermint, spearmint and peppermint.</strong></p>
                </div><a
                  class="
                    pxu-multicolumn__button
                    pxu-btn
                    pxu-btn--fill
                    pxu-btn--light-on-dark
                  "
                  style="
                    --pxu-btn-background-color: #000000;
                    --pxu-btn-text-color: #ffffff;
                  "
                  
                    href="/products/peppermint-candy-handcrafted-luxury-loose-leaf-tea"
                  
                >EXPLORE</a></div></div>
  </div>
</section>
<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-multicolumn{background:var(--pxu-section-background-color);color:var(--pxu-section-text-color);margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75);padding:calc(var(--pxu-section-padding-top, 0)*.75) var(--pxu-space-4) calc(var(--pxu-section-padding-bottom, 0)*.75)}@media only screen and (min-width:480px){.pxu-multicolumn{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0);padding:var(--pxu-section-padding-top,0) var(--pxu-space-6) var(--pxu-section-padding-bottom,0)}}.pxu-multicolumn__grid{display:grid;gap:var(--pxu-space-12) var(--pxu-space-4);grid-template-columns:repeat(var(--pxu-mobile-columns),1fr)}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn__grid{gap:var(--pxu-space-12) var(--pxu-space-8)}}}.pxu-multicolumn__column{display:flex;flex-direction:column;gap:var(--pxu-space-3)}.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__block-heading{font-size:var(--pxu-block-heading-size)}}}.pxu-multicolumn__text{font-size:var(--pxu-block-text-size-mobile);margin:0}@media only screen and (min-width:860px){@media screen and (max-color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}@media not screen and (min-width:860px){@media screen and (color:2147477350){.pxu-multicolumn__text{font-size:var(--pxu-block-text-size)}}}.pxu-multicolumn__text p{margin:0}.pxu-multicolumn__button{margin-top:var(--pxu-space-3)}.pxu-multicolumn__image-wrapper{margin-bottom:var(--pxu-space-1);position:relative;width:100%}.pxu-multicolumn__image-link{display:block;height:100%;width:100%}.pxu-multicolumn__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-multicolumn__image--adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}.pxu-multicolumn__image--square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn--mobile-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--mobile-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--mobile-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}@media only screen and (min-width:480px){@media screen and (max-color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media not screen and (min-width:480px){@media screen and (color:2147477350){.pxu-multicolumn--desktop-left .pxu-multicolumn__column{align-items:flex-start;text-align:left}.pxu-multicolumn--desktop-center .pxu-multicolumn__column{align-items:center;text-align:center}.pxu-multicolumn--desktop-right .pxu-multicolumn__column{align-items:flex-end;text-align:right}}}@media only screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (max-color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (max-color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media not screen and (min-width:480px){@media only screen and (max-width:1023px){@media screen and (color:2147477350) and (max-color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}@media not screen and (max-width:1023px){@media screen and (color:2147477350) and (color:2147477350){.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline .pxu-multicolumn__grid{grid-template-columns:repeat(min(2,var(--pxu-desktop-columns)),1fr)}.pxu-multicolumn--center .pxu-multicolumn__section-heading,.pxu-multicolumn--inline .pxu-multicolumn__section-heading{text-align:center}}}}@media only screen and (min-width:1024px){@media screen and (max-color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media not screen and (min-width:1024px){@media screen and (color:2147477350){.pxu-multicolumn--center.pxu-multicolumn--single-column .pxu-multicolumn__container{margin:0 auto;max-width:var(--pxu-width-wide)}.pxu-multicolumn--center .pxu-multicolumn__grid,.pxu-multicolumn--inline.pxu-multicolumn--no-heading .pxu-multicolumn__grid{grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading) .pxu-multicolumn__container{display:grid;gap:var(--pxu-space-8);grid-template-columns:repeat(var(--pxu-desktop-columns),1fr)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__container{display:block;max-width:var(--pxu-width-wide)}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__section-heading{text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading).pxu-multicolumn--single-column .pxu-multicolumn__grid{grid-template-columns:1fr}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__section-heading{grid-column:1;text-align:left}.pxu-multicolumn--inline:not(.pxu-multicolumn--no-heading):not(.pxu-multicolumn--single-column) .pxu-multicolumn__grid{grid-column:2/-1;grid-template-columns:repeat(calc(var(--pxu-desktop-columns) - 1),1fr)}}}@media only screen and (max-width:479px){@media screen and (max-color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}@media not screen and (max-width:479px){@media screen and (color:2147477350){.pxu-multicolumn__image--mobile-adapt.pxu-multicolumn__image-wrapper{height:auto;padding-bottom:0}.pxu-multicolumn__image--mobile-square.pxu-multicolumn__image-wrapper{aspect-ratio:1/1}.pxu-multicolumn__image--mobile-portrait.pxu-multicolumn__image-wrapper{aspect-ratio:2/3}.pxu-multicolumn__image--mobile-portrait-medium.pxu-multicolumn__image-wrapper{aspect-ratio:4/5}.pxu-multicolumn__image--mobile-landscape.pxu-multicolumn__image-wrapper{aspect-ratio:3/2}.pxu-multicolumn__image--mobile-adapt .pxu-multicolumn__image{height:auto;-o-object-fit:contain;object-fit:contain;position:relative}}}</style>
</div><div id="shopify-section-template--19197236642044__pxu_slideshow_krff7U" class="shopify-section pxu-slideshow-section"><section
  id="template--19197236642044__pxu_slideshow_krff7U"
  class="
    pxu-section
    pxu-section--animated-true
    pxu-slideshow
  "
  style="
    --pxu-section-content-width: 650px;
    --pxu-section-placeholder-fill-color: rgba(0, 0, 0, 0.35);
    --pxu-section-placeholder-background-color: rgba(0, 0, 0, 0.15);
    --pxu-section-margin-top: 0px;
    --pxu-section-margin-bottom: 0px;
    --pxu-carousel-prev-next-position: var(--pxu-space-6);
  "
  data-pxu-slideshow
>
  <script
    type="application/json"
    data-component-data
  >
    {
      "id": "template--19197236642044__pxu_slideshow_krff7U",
      "handle": "pxu-slideshow",
      "className": "SlideshowSection",
      "name": "Slideshow",
      "version": "1.0.2",
      "scriptsUrl": "//outofthegreycoffee.com/cdn/shop/t/378/compiled_assets/scripts.js?14812",
      "autoplay": true,
      "autoplayDuration": 4
    }
  </script>

  <div
    class="
      pxu-section__container
      pxu-section__container--full-width
      pxu-slideshow__container
    "
  ><div
        class="
          pxu-carousel
          pxu-carousel--fade
          pxu-carousel--dots-above
          pxu-carousel--slideshow-arrows
          pxu-carousel--fit-content-height
          pxu-carousel--dynamic-colors
        "
      >
        <div class="pxu-carousel__items" data-pxu-carousel><div
              id="slide_WGNR3h"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.0;
                    --pxu-section-mobile-aspect-ratio: 1.0;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1800x1800_coveredc.png?v=1739304742&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1800x1800_coveredc.png?v=1739304742&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1800x1800_coveredc.png?v=1739304742&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1800x1800_coveredc.png?v=1739304742&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1800x1800_coveredc.png?v=1739304742&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1800x1800_coveredc.png?v=1739304742&amp;width=1800 1800w" width="1800" height="1800" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-left
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Chocolate Covered Espresso Beans</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Love Coffee? Love Chocolate?</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/collections/ootgcoffee-chocolate-covered-espresso-beans"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div><div
              id="slide_L3VjU6"
              class="pxu-carousel__item"
              tabindex="-1"
              data-pxu-carousel-item
              data-pxu-carousel-item-color="#ffffff"
            ><div class="pxu-slideshow__slide" >
                <div
                  class="
                    pxu-slideshow__image-wrapper
                    pxu-slideshow__image-wrapper--small
                  "
                  style="
                    --pxu-section-desktop-aspect-ratio: 1.0;
                    --pxu-section-mobile-aspect-ratio: 1.0;
                    
                      --pxu-section-image-overlay-color: rgba(0, 0, 0, 0.2);
                    
                  "
                  data-pxu-slideshow-image-wrapper
                ><picture class="pxu-slideshow__picture">
                      <source media="(max-width: 860px)" srcset="Liquid error (sections/pxu-slideshow line 117): invalid url input"><source media="(min-width: 860px)" srcset="//outofthegreycoffee.com/cdn/shop/files/1800x1800_chaic.png?v=1739304752&width=2000"><img src="//outofthegreycoffee.com/cdn/shop/files/1800x1800_chaic.png?v=1739304752&amp;width=1800" alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!" srcset="//outofthegreycoffee.com/cdn/shop/files/1800x1800_chaic.png?v=1739304752&amp;width=352 352w, //outofthegreycoffee.com/cdn/shop/files/1800x1800_chaic.png?v=1739304752&amp;width=832 832w, //outofthegreycoffee.com/cdn/shop/files/1800x1800_chaic.png?v=1739304752&amp;width=1200 1200w, //outofthegreycoffee.com/cdn/shop/files/1800x1800_chaic.png?v=1739304752&amp;width=1800 1800w" width="1800" height="1800" loading="lazy" class="pxu-slideshow__image"></picture><div
                      class="
                        pxu-slideshow__content-wrapper
                        pxu-slideshow__content-wrapper--align-right
                        pxu-slideshow__content-wrapper--mobile-align-center
                      "
                      style="
                        --pxu-section-block-heading-size: 40px;
                        --pxu-section-block-heading-size-mobile: 32px;
                        --pxu-section-block-text-size: 16px;
                        --pxu-section-block-text-size-mobile: 16px;
                        --pxu-section-block-text-color: #ffffff;
                      "
                    >
                      <div class="pxu-slideshow__content" data-pxu-slideshow-content><h2 class="pxu-slideshow__heading pxu-heading"><strong>Spiced Vanilla Chai</strong></h2><div class="pxu-slideshow__text pxu-rte"><p><em><strong>Lightly sweetened, delicately balanced, full-bodied flavor without overpowering.</strong></em></p></div><div class="pxu-slideshow__button-group pxu-btn-group"><a
                                class="
                                  pxu-btn
                                  pxu-btn--fill
                                  pxu-btn--light-on-dark
                                "
                                style="
                                  --pxu-btn-background-color: #000000;
                                  --pxu-btn-text-color: #ffffff;
                                "
                                href="https://outofthegreycoffee.com/products/spiced-vanilla-chai-handcrafted-javaccino-mix"
                              >EXPLORE</a></div></div>
                    </div></div>
              </div>
            </div></div>
      </div></div>
</section>

<style type="text/css">
.pxu-section{--pxu-current-bp:"xxs"}@media only screen and (min-width:480px){.pxu-section{--pxu-current-bp:"xs"}}@media only screen and (min-width:720px){.pxu-section{--pxu-current-bp:"small"}}@media only screen and (min-width:860px){.pxu-section{--pxu-current-bp:"medium"}}@media only screen and (min-width:1024px){.pxu-section{--pxu-current-bp:"large"}}.pxu-slideshow{margin-bottom:calc(var(--pxu-section-margin-bottom, 0)*.75);margin-top:calc(var(--pxu-section-margin-top, 0)*.75)}@media only screen and (min-width:480px){.pxu-slideshow{margin-bottom:var(--pxu-section-margin-bottom,0);margin-top:var(--pxu-section-margin-top,0)}}.pxu-slideshow .pxu-carousel__item{width:100%}.pxu-slideshow__image-wrapper{display:flex;position:relative}.pxu-slideshow__image-wrapper:before{background-color:var(--pxu-section-image-overlay-color,transparent);content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.pxu-slideshow__image-wrapper--adapt{aspect-ratio:var(--pxu-section-mobile-aspect-ratio,auto)}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--adapt{aspect-ratio:var(--pxu-section-desktop-aspect-ratio,auto)}}.pxu-slideshow__image-wrapper--small{height:300px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--small{height:500px}}.pxu-slideshow__image-wrapper--medium{height:450px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--medium{height:650px}}.pxu-slideshow__image-wrapper--large{height:600px}@media only screen and (min-width:860px){.pxu-slideshow__image-wrapper--large{height:800px}}.pxu-slideshow__image-wrapper--fit-content-height{aspect-ratio:auto;height:var(--pxu-carousel-content-height)}.pxu-slideshow__picture{display:block;height:100%;position:relative;width:100%}.pxu-slideshow__image{height:100%;left:0;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;width:100%}.pxu-slideshow__content-wrapper{display:flex;flex-direction:column;height:100%;justify-content:center;left:50%;max-width:var(--pxu-width-max);padding:0 var(--pxu-space-4);position:absolute;top:0;transform:translateX(-50%);width:100%;z-index:2}.pxu-slideshow__content-wrapper--mobile-align-left{align-items:flex-start;text-align:left}.pxu-slideshow__content-wrapper--mobile-align-center{align-items:center;text-align:center}.pxu-slideshow__content-wrapper--mobile-align-right{align-items:flex-end;text-align:right}@media only screen and (min-width:860px){.pxu-slideshow__content-wrapper--align-left{align-items:flex-start;text-align:left}.pxu-slideshow__content-wrapper--align-center{align-items:center;text-align:center}.pxu-slideshow__content-wrapper--align-right{align-items:flex-end;text-align:right}.pxu-slideshow__content-wrapper{padding:var(--pxu-space-4) calc(var(--pxu-carousel-button-width) + var(--pxu-carousel-prev-next-position) + var(--pxu-space-14))}}.pxu-slideshow__content{max-width:var(--pxu-section-content-width)}.pxu-section--animated-true .pxu-slideshow__content{opacity:0}@media (prefers-reduced-motion:reduce){.pxu-section--animated-true .pxu-slideshow__content{opacity:1}}.pxu-section--animated-true .is-selected .pxu-slideshow__content{animation:pxu-fade-in-up var(--pxu-transition-duration-300) var(--pxu-transition-duration-300) var(--pxu-transition-ease-out) forwards}.pxu-slideshow__heading.pxu-heading{color:var(--pxu-section-block-text-color);font-size:var(--pxu-section-block-heading-size-mobile);margin-bottom:var(--pxu-space-3)}@media only screen and (min-width:860px){.pxu-slideshow__heading.pxu-heading{font-size:var(--pxu-section-block-heading-size)}}.pxu-slideshow__text{color:var(--pxu-section-block-text-color);font-size:var(--pxu-section-block-text-size-mobile);overflow-wrap:anywhere}@media only screen and (min-width:860px){.pxu-slideshow__text{font-size:var(--pxu-section-block-text-size)}}.pxu-slideshow__button-group{margin-top:var(--pxu-space-6)}</style>

</div><div id="shopify-section-template--19197236642044__image_text_8y98Ud" class="shopify-section shopify-section--image-with-text"><script
  type="application/json"
  data-section-type="image-text"
  data-section-id="template--19197236642044__image_text_8y98Ud"
></script>



<style data-shopify>
  #shopify-section-template--19197236642044__image_text_8y98Ud {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__image_text_8y98Ud {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}


  

</style>

<section
  class="
    section
    
      is-width-standard
    
    
    
  "
>
  
    
      <div
        class="
          container
          image-with-text-container
          section-1
          featured_collections
          
            
              is-flex-row
            
          
        "
        
      >
        


        <div
          class="
            featured-link--half
            one-half
            column
            image-with-text__image-column
            is-align-center
            image-with-text__column
            medium-down--one-whole
          "
        >
          <div class="featured-link--wrap">
            <a
              
                href="/products/ootgcoffee-gift-cards"
              
              title="OOTGCOFFEE - Gift Cards"
            >
              
                <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.image-element-aspect-ratio.css?v=169105856393965019401746154690"></noscript>














<div
  class="image-element"
  style="
    
    
    aspect-ratio: 1800/1800;
  
    
  "
>
  
<img
        class="image-element__img lazyload transition--appear"
        alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
        
        data-src="//outofthegreycoffee.com/cdn/shop/files/1800x1800_giftc_1200x.png?v=1739304747"
        data-sizes="auto"
        sizes="100vw"
        data-aspectratio="1800/1800"
        data-srcset="//outofthegreycoffee.com/cdn/shop/files/1800x1800_giftc_2000x.png?v=1739304747 2000w,
    //outofthegreycoffee.com/cdn/shop/files/1800x1800_giftc_1200x.png?v=1739304747 1200w,
    //outofthegreycoffee.com/cdn/shop/files/1800x1800_giftc_800x.png?v=1739304747 800w,
    //outofthegreycoffee.com/cdn/shop/files/1800x1800_giftc_400x.png?v=1739304747 400w"
        width="1800"
        height="1800"
        
          style="object-fit:cover;object-position:50.0% 50.0%;"
        
        srcset="data:image/svg+xml;utf8,<svg%20xmlns='http://www.w3.org/2000/svg'%20width='1800'%20height='1800'></svg>"
      >
</div>


<noscript>
  <img
    class="image-element__img noscript"
    src="//outofthegreycoffee.com/cdn/shop/files/1800x1800_giftc_2000x.png?v=1739304747"
    alt="Out Of The Grey Coffee | Thoughtfully Sourced | Roasted Daily | Shipping Truly Extraordinary Coffee!"
    
      style="object-fit:cover;object-position:50.0% 50.0%;"
    
  >
</noscript>

<script type="module">
  import 'component.image-element-aspect-ratio';
</script>

              
            </a>
          </div>
        </div>
        <div class="featured-link--half one-half column image-with-text__text-column is-flex is-align-center image-with-text__column medium-down--one-whole block--image_WXAaX7">
          <div class="info text-align--center">
            <a
              
                href="/products/ootgcoffee-gift-cards"
              
              class="collection_title"
            >
              OOTGCOFFEE - Gift Cards
            </a>
            
              <div class="description"><p><em>Shopping for someone else, but not sure what to give them?</em></p><p><em>Nervous about picking a particular coffee or tea?</em></p><p><em><strong>Give them the gift of choice, with an Out Of The Grey Coffee gift card!</strong></em></p></div>
            
            
              
              
                <style>
                  .block--image_WXAaX7 .global-button {
                    

      --button-color-border: #ffffff;
      --button-color-background: transparent;
      --button-color-text: #ffffff;
      --button-color-border-hover: #ffffff;
      --button-color-background-hover: #ffffff;
      --button-color-text-hover: #333333
;
    

                  }
                </style>
              
              <a
                
                  href="/products/ootgcoffee-gift-cards"
                
                class="global-button global-button--text image-text__button"
              >
                Explore
              </a>
            
          </div>
        </div>
      </div>
    
  
</section>

<style>
  

    


    
      .block--image_WXAaX7 {
        background-color: #000000;
      }
    

    
      .block--image_WXAaX7 .collection_title,
      .block--image_WXAaX7 p {
        color: #ffffff;
      }
    
  

  
    #shopify-section-template--19197236642044__image_text_8y98Ud .image-with-text-container {
      margin-top: 20px;
      margin-bottom: 20px;
    }

    @media only screen and (max-width: 480px) {
      #shopify-section-template--19197236642044__image_text_8y98Ud .image-with-text-container {
        margin-bottom: 10%;
      }
    }

  
</style>

</div><div id="shopify-section-template--19197236642044__e320413e-f582-47b9-ac21-c05b4d7b988f" class="shopify-section shopify-section--search"><script
  type="application/json"
  data-section-type="search"
  data-section-id="template--19197236642044__e320413e-f582-47b9-ac21-c05b4d7b988f"
>
</script>

<style data-shopify>
  #shopify-section-template--19197236642044__e320413e-f582-47b9-ac21-c05b4d7b988f {
  padding-top: 0px;
  padding-bottom: 0px;
}

@media screen and (min-width: 798px) {
  #shopify-section-template--19197236642044__e320413e-f582-47b9-ac21-c05b4d7b988f {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}


  #shopify-section-template--19197236642044__e320413e-f582-47b9-ac21-c05b4d7b988f .search-section {
    background-position: ;
  }

  @media only screen and (max-width: 480px) {
    #shopify-section-template--19197236642044__e320413e-f582-47b9-ac21-c05b4d7b988f .search-section {
      background-position: ;
    }
  }

  

</style>

<section
  class="
    section
    
      is-width-wide
      has-no-side-gutter
    
    
  "
>
  <div class="container">
    <div class="one-whole column">
      <div
        class="
          search-section
          
          text-align--center
          lazyload
        "
        
      >
        <div class="section_form">
          
            <h2 class="search-section__title title">What can we help you find?</h2>
          

          

          



<div class="search-form-container">
  <form
    class="
      search-form
      search-form--section
    "
    action="/search"
    data-autocomplete-true
  >
    <div class="search-form__input-wrapper">
      <input
        class="search-form__input"
        type="text"
        name="q"
        placeholder="Searching for..."
        aria-label="Searching for..."
        value=""
        autocorrect="off"
        autocomplete="off"
        autocapitalize="off"
        spellcheck="false"
        data-search-input
      >

      

      <button
        class="
          search-form__submit-button
          global-button
        "
        type="submit"
        aria-label="Search"
      >
        <span class="icon-search"></span>
      </button>
    </div>

    
      <div
        class="predictive-search"
        data-predictive-search
        data-loading="false"
      >

<svg
  class="loading-icon predictive-search__loading-state-spinner"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  
>
  <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/>
  <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"/>
</svg>
<div class="predictive-search__results" data-predictive-search-results></div>
      </div>
    
  </form>

  
</div>

        </div>
      </div>
    </div>
  </div>
</section>

</div>
    </div>

    <div class="site-overlay" data-site-overlay></div>

    

    <!-- BEGIN sections: footer-group -->
<div id="shopify-section-sections--19197231137020__footer" class="shopify-section shopify-section-group-footer-group shopify-section--footer"><script
  type="application/json"
  data-section-type="footer"
  data-section-id="sections--19197231137020__footer"
>
</script><footer class="footer">
  <section class="section">
    <div class="container footer-menu-wrap">
      
        <div class="one-fourth column medium-down--one-whole" >
          
            <div class="footer_content footer-text ">
              
                <h6>Contact Us:<span class="right icon-down-arrow"></span></h6>
              

              
                <div class="toggle_content">
                  <p><a href="/pages/ootgcoffee-about-us" title="ootgCoffee - About Us">About Us</a></p><p><a href="https://linktr.ee/ootgcoffee" target="_blank" title="https://linktr.ee/ootgcoffee">Linktr.ee/ootgcoffee</a></p><p><a href="/pages/ootgcoffee-a-crucial-question" title="ootgCoffee - A Crucial Question">A Crucial Question</a></p><p><a href="https://outofthegreycoffee.com/pages/ootgcoffee-affiliate-program" target="_blank" title="Make $$$ Become An Affiliate">Become Our ShareASale Affiliate</a></p><p><a href="/pages/ootgcoffee-our-locations" title="ootgCoffee - Our Locations">Our Locations</a></p><p><a href="mailto:[email protected]" target="_blank" title="mailto:[email protected]">[email protected]</a></p><p><a href="tel:18883545282" title="tel:18883545282">1.888.354.JAVA (5282)</a></p><p></p>
                </div>
              
            </div>
          

          
        </div>

        
      
        <div class="one-fourth column medium-down--one-whole" >
          
            <div class="footer_menu">
              
                <h6>Basics:<span class="right icon-down-arrow"></span></h6>

                <div class="toggle_content">
                  <ul>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-frequently-asked-questions">FAQ</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-subscribe-to-save">Subscribe To Save</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-bank-of-java-faqs">Bank Of Java™</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-refund-policy">Refund Policy</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-terms-of-service">Terms Of Service</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-shipping-policy">Shipping Policy</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/pages/ootgcoffee-privacy-policy">Privacy Policy</a>
                        </p>
                      </li>
                    
                  </ul>
                </div>
              
            </div>
          

          
        </div>

        
      
        <div class="one-fourth column medium-down--one-whole" >
          
            <div class="footer_menu">
              
                <h6>SHOP:<span class="right icon-down-arrow"></span></h6>

                <div class="toggle_content">
                  <ul>
                    
                      <li>
                        <p>
                          <a href="/collections/ootgcoffee-african">African</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/collections/ootgcoffee-asian">Asian</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/collections/ootgcoffee-americas">Americas</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/collections/ootgcoffee-espresso">Espresso</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/collections/ootgcoffee-flavored">Flavored Coffee</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/collections/balanced-brew">Low Acidic Coffee</a>
                        </p>
                      </li>
                    
                      <li>
                        <p>
                          <a href="/collections/ootgcoffee-luxury-loose-leaf">Luxury Loose-Leaf Tea</a>
                        </p>
                      </li>
                    
                  </ul>
                </div>
              
            </div>
          

          
        </div>

        
      
        <div class="one-fourth column medium-down--one-whole" >
          
            <div class="footer_content footer-text ">
              
                <h6>Follow:<span class="right icon-down-arrow"></span></h6>
              

              
                <div class="toggle_content">
                  
                </div>
              
            </div>
          

          
<div class="footer-social-icons ">
              <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.social-icons.css?v=143330683244792749101746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.social-icons.css?v=143330683244792749101746154690"></noscript>

<ul
    class="
      social-icons
      social-icons--medium
    "
    style="
      
      
    "
  >
    <li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.facebook.com/ootgCoffee/" title="Out Of The Grey Coffee on Facebook" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M608 192H768V0H608C484.486 0 384 100.486 384 224V320H256V512H384V1024H576V512H736L768 320H576V224C576 206.654 590.654 192 608 192Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.instagram.com/ootgcoffee" title="Out Of The Grey Coffee on Instagram" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M658.143 511.857C658.143 471.476 643.857 437 615.286 408.428C586.715 379.856 552.238 365.57 511.857 365.571C471.476 365.572 436.999 379.857 408.428 408.428C379.857 436.999 365.571 471.475 365.571 511.857C365.571 552.239 379.857 586.715 408.428 615.286C436.999 643.857 471.476 658.142 511.857 658.143C552.238 658.144 586.715 643.858 615.286 615.286C643.857 586.714 658.143 552.238 658.143 511.857ZM737 511.857C737 574.333 715.095 627.476 671.286 671.286C627.477 715.096 574.334 737.001 511.857 737C449.38 736.999 396.237 715.095 352.428 671.286C308.619 627.477 286.714 574.334 286.714 511.857C286.714 449.38 308.619 396.237 352.428 352.428C396.237 308.619 449.38 286.715 511.857 286.714C574.334 286.713 627.477 308.618 671.286 352.428C715.095 396.238 737 449.381 737 511.857ZM798.714 277.571C798.714 292.047 793.571 304.428 783.285 314.714C772.999 325 760.618 330.143 746.142 330.143C731.666 330.143 719.285 325 708.999 314.714C698.713 304.428 693.57 292.047 693.57 277.571C693.57 263.095 698.713 250.714 708.999 240.428C719.285 230.142 731.666 224.999 746.142 224.999C760.618 224.999 772.999 230.142 783.285 240.428C793.571 250.714 798.714 263.095 798.714 277.571ZM511.857 151.857C509.19 151.857 494.619 151.762 468.143 151.571C441.667 151.38 421.572 151.38 407.857 151.571C394.142 151.762 375.761 152.333 352.714 153.285C329.667 154.237 310.048 156.142 293.857 158.999C277.666 161.856 264.047 165.38 253 169.57C233.953 177.189 217.191 188.237 202.714 202.713C188.237 217.189 177.19 233.951 169.571 252.999C165.38 264.046 161.857 277.665 159 293.856C156.143 310.047 154.239 329.666 153.286 352.713C152.333 375.76 151.762 394.141 151.572 407.856C151.382 421.571 151.382 441.666 151.572 468.142C151.762 494.618 151.857 509.189 151.858 511.856C151.859 514.523 151.763 529.094 151.572 555.57C151.381 582.046 151.381 602.141 151.572 615.856C151.763 629.571 152.335 647.952 153.286 670.999C154.237 694.046 156.142 713.665 159 729.856C161.858 746.047 165.382 759.666 169.571 770.713C177.19 789.76 188.238 806.522 202.714 820.999C217.19 835.476 233.952 846.523 253 854.142C264.047 858.333 277.666 861.856 293.857 864.713C310.048 867.57 329.667 869.474 352.714 870.427C375.761 871.38 394.142 871.951 407.857 872.141C421.572 872.331 441.667 872.331 468.143 872.141C494.619 871.951 509.19 871.856 511.857 871.855C514.524 871.854 529.095 871.95 555.571 872.141C582.047 872.332 602.142 872.332 615.857 872.141C629.572 871.95 647.953 871.378 671 870.427C694.047 869.476 713.666 867.571 729.857 864.713C746.048 861.855 759.667 858.331 770.714 854.142C789.761 846.523 806.523 835.475 821 820.999C835.477 806.523 846.524 789.761 854.143 770.713C858.334 759.666 861.857 746.047 864.714 729.856C867.571 713.665 869.475 694.046 870.428 670.999C871.381 647.952 871.952 629.571 872.142 615.856C872.332 602.141 872.332 582.046 872.142 555.57C871.952 529.094 871.857 514.523 871.856 511.856C871.855 509.189 871.951 494.618 872.142 468.142C872.333 441.666 872.333 421.571 872.142 407.856C871.951 394.141 871.379 375.76 870.428 352.713C869.477 329.666 867.572 310.047 864.714 293.856C861.856 277.665 858.332 264.046 854.143 252.999C846.524 233.952 835.476 217.19 821 202.713C806.524 188.236 789.762 177.189 770.714 169.57C759.667 165.379 746.048 161.856 729.857 158.999C713.666 156.142 694.047 154.238 671 153.285C647.953 152.332 629.572 151.761 615.857 151.571C602.142 151.381 582.047 151.381 555.571 151.571C529.095 151.761 514.524 151.856 511.857 151.857ZM950.714 511.857C950.714 599.095 949.762 659.476 947.857 693C944.048 772.238 920.429 833.571 877 877C833.571 920.429 772.238 944.048 693 947.857C659.476 949.762 599.095 950.714 511.857 950.714C424.619 950.714 364.238 949.762 330.714 947.857C251.476 944.048 190.143 920.429 146.714 877C103.285 833.571 79.6663 772.238 75.857 693C73.9523 659.476 73 599.095 73 511.857C73 424.619 73.9523 364.238 75.857 330.714C79.6663 251.476 103.285 190.143 146.714 146.714C190.143 103.285 251.476 79.6663 330.714 75.857C364.238 73.9523 424.619 73 511.857 73C599.095 73 659.476 73.9523 693 75.857C772.238 79.6663 833.571 103.285 877 146.714C920.429 190.143 944.048 251.476 947.857 330.714C949.762 364.238 950.714 424.619 950.714 511.857Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://m.me/147979878560033" title="Out Of The Grey Coffee on Messenger" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M0.042002 496.64C0.042002 211.2 223.615 0 512.042 0C800.469 0 1024.04 211.2 1024.04 496.64C1024.04 782.08 800.469 993.28 512.042 993.28C460.415 993.28 410.495 986.453 363.989 973.653C360.796 972.759 357.129 972.245 353.342 972.245C347.31 972.245 341.582 973.549 336.425 975.891L336.682 975.787L234.709 1020.59C229.81 1022.82 224.084 1024.13 218.053 1024.13C195.837 1024.13 177.752 1006.44 177.111 984.38L177.11 984.321L174.123 893.014C173.623 881.473 168.47 871.227 160.506 864.033L160.47 864.001C61.756 774.703 0 646.135 0 503.144C0 500.858 0.016 498.575 0.047002 496.296L0.0430019 496.641L0.042002 496.64ZM355.029 403.2L204.842 642.133C189.909 664.746 218.495 690.773 239.829 674.133L401.536 551.68C412.629 543.147 427.136 543.147 438.656 551.68L558.123 641.28C593.963 668.16 645.163 658.347 669.056 620.8L819.243 381.867C834.176 359.254 805.59 333.654 784.256 349.867L622.549 472.32C611.882 480.853 596.949 480.853 585.856 472.32L466.389 382.72C453.673 373.032 437.566 367.199 420.096 367.199C392.804 367.199 368.836 381.435 355.215 402.887L355.029 403.2Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://pinterest.com/ootgcoffee" title="Out Of The Grey Coffee on Pinterest" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1025" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M441.487 677.245C414.556 818.25 381.737 953.418 284.405 1024.02C254.402 810.929 328.488 650.929 362.946 481.047C304.22 382.231 370.012 183.473 493.762 232.471C646.082 292.682 361.871 599.677 552.642 638.077C751.861 678.064 833.167 292.477 709.621 167.088C531.189 -14.0578 190.146 162.838 232.13 422.166C242.319 485.552 307.804 504.752 258.293 592.252C144.066 566.959 109.967 476.847 114.37 356.732C121.436 160.124 290.959 22.5502 461.045 3.45226C676.136 -20.6628 878.018 82.4542 905.922 284.745C937.308 513.148 808.847 760.547 578.805 742.729C516.443 737.865 490.331 706.941 441.487 677.245Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://tiktok.com/@ootgcoffee" title="Out Of The Grey Coffee on TikTok" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1025" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M534.237 0.853027C590.13 2.73585e-05 645.597 0.426 701.064 0C704.477 65.28 727.944 131.84 775.731 177.92C823.518 225.28 890.931 247.04 956.638 254.293V426.24C895.198 424.107 833.331 411.307 777.438 384.853C753.118 373.76 730.505 359.68 708.318 345.173C707.891 469.76 708.745 594.346 707.465 718.506C704.052 778.239 684.425 837.546 649.865 886.613C593.972 968.533 497.118 1021.87 397.705 1023.57C336.692 1026.99 275.678 1010.35 223.625 979.626C137.438 928.853 76.8518 835.839 67.8918 735.999C67.0388 714.666 66.6118 693.332 67.4648 672.426C75.1448 591.359 115.252 513.706 177.545 460.799C248.372 399.359 347.358 369.919 439.945 387.412C440.798 450.559 438.238 513.705 438.238 576.852C395.998 563.199 346.505 567.039 309.385 592.639C282.505 610.132 262.025 637.012 251.358 667.306C242.398 689.066 244.958 712.959 245.385 735.999C255.625 805.972 323.038 864.852 394.718 858.452C442.505 858.025 488.158 830.292 512.905 789.759C521.012 775.679 529.972 761.172 530.398 744.532C534.665 668.159 532.958 592.212 533.385 515.839C533.812 343.892 532.958 172.372 534.238 0.85199L534.237 0.853027Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.youtube.com/channel/UCnN6FLBe45CEQTr8U_kkk9Q" title="Out Of The Grey Coffee on YouTube" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M731.429 511.715C731.429 497.62 725.715 487.334 714.286 480.858L421.715 298.001C409.906 290.382 397.525 290.001 384.572 296.858C372.001 303.715 365.715 314.382 365.715 328.858V694.572C365.715 709.048 372.001 719.715 384.572 726.572C390.667 729.619 396.572 731.143 402.286 731.143C409.905 731.143 416.382 729.238 421.715 725.429L714.286 542.572C725.715 536.096 731.429 525.81 731.429 511.715ZM1024 511.715C1024 548.286 1023.81 576.858 1023.43 597.429C1023.05 618 1021.43 644 1018.57 675.429C1015.71 706.858 1011.43 734.953 1005.72 759.715C999.62 787.524 986.477 810.953 966.286 830.001C946.095 849.049 922.476 860.097 895.429 863.144C810.858 872.668 683.048 877.43 512 877.43C340.952 877.43 213.142 872.668 128.571 863.144C101.524 860.097 77.8093 849.049 57.428 830.001C37.0467 810.953 23.8087 787.524 17.714 759.715C12.3807 734.953 8.28533 706.858 5.428 675.429C2.57067 644 0.951667 618 0.571 597.429C0.190333 576.858 0 548.286 0 511.715C0 475.144 0.190333 446.572 0.571 426.001C0.951667 405.43 2.57067 379.43 5.428 348.001C8.28533 316.572 12.571 288.477 18.285 263.715C24.3803 235.906 37.5233 212.477 57.714 193.429C77.9047 174.381 101.524 163.333 128.571 160.286C213.142 150.762 340.952 146 512 146C683.048 146 810.858 150.762 895.429 160.286C922.476 163.333 946.191 174.381 966.572 193.429C986.953 212.477 1000.19 235.906 1006.29 263.715C1011.62 288.477 1015.71 316.572 1018.57 348.001C1021.43 379.43 1023.05 405.43 1023.43 426.001C1023.81 446.572 1024 475.144 1024 511.715Z"/>
</svg>


      </a>
    </li>
  </ul>
            </div>
          
        </div>

        
          <div class="footer-social-icons--mobile sixteen columns">
            <link href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.social-icons.css?v=143330683244792749101746154690" rel="preload" as="style" onload="this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="//outofthegreycoffee.com/cdn/shop/t/378/assets/component.social-icons.css?v=143330683244792749101746154690"></noscript>

<ul
    class="
      social-icons
      social-icons--medium
    "
    style="
      
      
    "
  >
    <li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.facebook.com/ootgCoffee/" title="Out Of The Grey Coffee on Facebook" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M608 192H768V0H608C484.486 0 384 100.486 384 224V320H256V512H384V1024H576V512H736L768 320H576V224C576 206.654 590.654 192 608 192Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.instagram.com/ootgcoffee" title="Out Of The Grey Coffee on Instagram" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M658.143 511.857C658.143 471.476 643.857 437 615.286 408.428C586.715 379.856 552.238 365.57 511.857 365.571C471.476 365.572 436.999 379.857 408.428 408.428C379.857 436.999 365.571 471.475 365.571 511.857C365.571 552.239 379.857 586.715 408.428 615.286C436.999 643.857 471.476 658.142 511.857 658.143C552.238 658.144 586.715 643.858 615.286 615.286C643.857 586.714 658.143 552.238 658.143 511.857ZM737 511.857C737 574.333 715.095 627.476 671.286 671.286C627.477 715.096 574.334 737.001 511.857 737C449.38 736.999 396.237 715.095 352.428 671.286C308.619 627.477 286.714 574.334 286.714 511.857C286.714 449.38 308.619 396.237 352.428 352.428C396.237 308.619 449.38 286.715 511.857 286.714C574.334 286.713 627.477 308.618 671.286 352.428C715.095 396.238 737 449.381 737 511.857ZM798.714 277.571C798.714 292.047 793.571 304.428 783.285 314.714C772.999 325 760.618 330.143 746.142 330.143C731.666 330.143 719.285 325 708.999 314.714C698.713 304.428 693.57 292.047 693.57 277.571C693.57 263.095 698.713 250.714 708.999 240.428C719.285 230.142 731.666 224.999 746.142 224.999C760.618 224.999 772.999 230.142 783.285 240.428C793.571 250.714 798.714 263.095 798.714 277.571ZM511.857 151.857C509.19 151.857 494.619 151.762 468.143 151.571C441.667 151.38 421.572 151.38 407.857 151.571C394.142 151.762 375.761 152.333 352.714 153.285C329.667 154.237 310.048 156.142 293.857 158.999C277.666 161.856 264.047 165.38 253 169.57C233.953 177.189 217.191 188.237 202.714 202.713C188.237 217.189 177.19 233.951 169.571 252.999C165.38 264.046 161.857 277.665 159 293.856C156.143 310.047 154.239 329.666 153.286 352.713C152.333 375.76 151.762 394.141 151.572 407.856C151.382 421.571 151.382 441.666 151.572 468.142C151.762 494.618 151.857 509.189 151.858 511.856C151.859 514.523 151.763 529.094 151.572 555.57C151.381 582.046 151.381 602.141 151.572 615.856C151.763 629.571 152.335 647.952 153.286 670.999C154.237 694.046 156.142 713.665 159 729.856C161.858 746.047 165.382 759.666 169.571 770.713C177.19 789.76 188.238 806.522 202.714 820.999C217.19 835.476 233.952 846.523 253 854.142C264.047 858.333 277.666 861.856 293.857 864.713C310.048 867.57 329.667 869.474 352.714 870.427C375.761 871.38 394.142 871.951 407.857 872.141C421.572 872.331 441.667 872.331 468.143 872.141C494.619 871.951 509.19 871.856 511.857 871.855C514.524 871.854 529.095 871.95 555.571 872.141C582.047 872.332 602.142 872.332 615.857 872.141C629.572 871.95 647.953 871.378 671 870.427C694.047 869.476 713.666 867.571 729.857 864.713C746.048 861.855 759.667 858.331 770.714 854.142C789.761 846.523 806.523 835.475 821 820.999C835.477 806.523 846.524 789.761 854.143 770.713C858.334 759.666 861.857 746.047 864.714 729.856C867.571 713.665 869.475 694.046 870.428 670.999C871.381 647.952 871.952 629.571 872.142 615.856C872.332 602.141 872.332 582.046 872.142 555.57C871.952 529.094 871.857 514.523 871.856 511.856C871.855 509.189 871.951 494.618 872.142 468.142C872.333 441.666 872.333 421.571 872.142 407.856C871.951 394.141 871.379 375.76 870.428 352.713C869.477 329.666 867.572 310.047 864.714 293.856C861.856 277.665 858.332 264.046 854.143 252.999C846.524 233.952 835.476 217.19 821 202.713C806.524 188.236 789.762 177.189 770.714 169.57C759.667 165.379 746.048 161.856 729.857 158.999C713.666 156.142 694.047 154.238 671 153.285C647.953 152.332 629.572 151.761 615.857 151.571C602.142 151.381 582.047 151.381 555.571 151.571C529.095 151.761 514.524 151.856 511.857 151.857ZM950.714 511.857C950.714 599.095 949.762 659.476 947.857 693C944.048 772.238 920.429 833.571 877 877C833.571 920.429 772.238 944.048 693 947.857C659.476 949.762 599.095 950.714 511.857 950.714C424.619 950.714 364.238 949.762 330.714 947.857C251.476 944.048 190.143 920.429 146.714 877C103.285 833.571 79.6663 772.238 75.857 693C73.9523 659.476 73 599.095 73 511.857C73 424.619 73.9523 364.238 75.857 330.714C79.6663 251.476 103.285 190.143 146.714 146.714C190.143 103.285 251.476 79.6663 330.714 75.857C364.238 73.9523 424.619 73 511.857 73C599.095 73 659.476 73.9523 693 75.857C772.238 79.6663 833.571 103.285 877 146.714C920.429 190.143 944.048 251.476 947.857 330.714C949.762 364.238 950.714 424.619 950.714 511.857Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://m.me/147979878560033" title="Out Of The Grey Coffee on Messenger" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M0.042002 496.64C0.042002 211.2 223.615 0 512.042 0C800.469 0 1024.04 211.2 1024.04 496.64C1024.04 782.08 800.469 993.28 512.042 993.28C460.415 993.28 410.495 986.453 363.989 973.653C360.796 972.759 357.129 972.245 353.342 972.245C347.31 972.245 341.582 973.549 336.425 975.891L336.682 975.787L234.709 1020.59C229.81 1022.82 224.084 1024.13 218.053 1024.13C195.837 1024.13 177.752 1006.44 177.111 984.38L177.11 984.321L174.123 893.014C173.623 881.473 168.47 871.227 160.506 864.033L160.47 864.001C61.756 774.703 0 646.135 0 503.144C0 500.858 0.016 498.575 0.047002 496.296L0.0430019 496.641L0.042002 496.64ZM355.029 403.2L204.842 642.133C189.909 664.746 218.495 690.773 239.829 674.133L401.536 551.68C412.629 543.147 427.136 543.147 438.656 551.68L558.123 641.28C593.963 668.16 645.163 658.347 669.056 620.8L819.243 381.867C834.176 359.254 805.59 333.654 784.256 349.867L622.549 472.32C611.882 480.853 596.949 480.853 585.856 472.32L466.389 382.72C453.673 373.032 437.566 367.199 420.096 367.199C392.804 367.199 368.836 381.435 355.215 402.887L355.029 403.2Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://pinterest.com/ootgcoffee" title="Out Of The Grey Coffee on Pinterest" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1025" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M441.487 677.245C414.556 818.25 381.737 953.418 284.405 1024.02C254.402 810.929 328.488 650.929 362.946 481.047C304.22 382.231 370.012 183.473 493.762 232.471C646.082 292.682 361.871 599.677 552.642 638.077C751.861 678.064 833.167 292.477 709.621 167.088C531.189 -14.0578 190.146 162.838 232.13 422.166C242.319 485.552 307.804 504.752 258.293 592.252C144.066 566.959 109.967 476.847 114.37 356.732C121.436 160.124 290.959 22.5502 461.045 3.45226C676.136 -20.6628 878.018 82.4542 905.922 284.745C937.308 513.148 808.847 760.547 578.805 742.729C516.443 737.865 490.331 706.941 441.487 677.245Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://tiktok.com/@ootgcoffee" title="Out Of The Grey Coffee on TikTok" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1025" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M534.237 0.853027C590.13 2.73585e-05 645.597 0.426 701.064 0C704.477 65.28 727.944 131.84 775.731 177.92C823.518 225.28 890.931 247.04 956.638 254.293V426.24C895.198 424.107 833.331 411.307 777.438 384.853C753.118 373.76 730.505 359.68 708.318 345.173C707.891 469.76 708.745 594.346 707.465 718.506C704.052 778.239 684.425 837.546 649.865 886.613C593.972 968.533 497.118 1021.87 397.705 1023.57C336.692 1026.99 275.678 1010.35 223.625 979.626C137.438 928.853 76.8518 835.839 67.8918 735.999C67.0388 714.666 66.6118 693.332 67.4648 672.426C75.1448 591.359 115.252 513.706 177.545 460.799C248.372 399.359 347.358 369.919 439.945 387.412C440.798 450.559 438.238 513.705 438.238 576.852C395.998 563.199 346.505 567.039 309.385 592.639C282.505 610.132 262.025 637.012 251.358 667.306C242.398 689.066 244.958 712.959 245.385 735.999C255.625 805.972 323.038 864.852 394.718 858.452C442.505 858.025 488.158 830.292 512.905 789.759C521.012 775.679 529.972 761.172 530.398 744.532C534.665 668.159 532.958 592.212 533.385 515.839C533.812 343.892 532.958 172.372 534.238 0.85199L534.237 0.853027Z"/>
</svg>


      </a>
    </li><li class="social-icons__icon">
      <a class="social-icons__icon-link" href="https://www.youtube.com/channel/UCnN6FLBe45CEQTr8U_kkk9Q" title="Out Of The Grey Coffee on YouTube" rel="me" target="_blank">
        

<svg width="32" height="32" viewBox="0 0 1024 1024" fill="currentColor" aria-hidden="true" focusable="false" role="presentation" class="icon" xmlns="http://www.w3.org/2000/svg">
<path d="M731.429 511.715C731.429 497.62 725.715 487.334 714.286 480.858L421.715 298.001C409.906 290.382 397.525 290.001 384.572 296.858C372.001 303.715 365.715 314.382 365.715 328.858V694.572C365.715 709.048 372.001 719.715 384.572 726.572C390.667 729.619 396.572 731.143 402.286 731.143C409.905 731.143 416.382 729.238 421.715 725.429L714.286 542.572C725.715 536.096 731.429 525.81 731.429 511.715ZM1024 511.715C1024 548.286 1023.81 576.858 1023.43 597.429C1023.05 618 1021.43 644 1018.57 675.429C1015.71 706.858 1011.43 734.953 1005.72 759.715C999.62 787.524 986.477 810.953 966.286 830.001C946.095 849.049 922.476 860.097 895.429 863.144C810.858 872.668 683.048 877.43 512 877.43C340.952 877.43 213.142 872.668 128.571 863.144C101.524 860.097 77.8093 849.049 57.428 830.001C37.0467 810.953 23.8087 787.524 17.714 759.715C12.3807 734.953 8.28533 706.858 5.428 675.429C2.57067 644 0.951667 618 0.571 597.429C0.190333 576.858 0 548.286 0 511.715C0 475.144 0.190333 446.572 0.571 426.001C0.951667 405.43 2.57067 379.43 5.428 348.001C8.28533 316.572 12.571 288.477 18.285 263.715C24.3803 235.906 37.5233 212.477 57.714 193.429C77.9047 174.381 101.524 163.333 128.571 160.286C213.142 150.762 340.952 146 512 146C683.048 146 810.858 150.762 895.429 160.286C922.476 163.333 946.191 174.381 966.572 193.429C986.953 212.477 1000.19 235.906 1006.29 263.715C1011.62 288.477 1015.71 316.572 1018.57 348.001C1021.43 379.43 1023.05 405.43 1023.43 426.001C1023.81 446.572 1024 475.144 1024 511.715Z"/>
</svg>


      </a>
    </li>
  </ul>
          </div>
        
      

      <div class="one-whole column footer_credits">
        <div class="footer-credits__top"><div class="footer__follow-on-shop">
              <script defer="defer" async type="module" src="//outofthegreycoffee.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-follow-button_CtVAwMQo.en.esm.js"></script>
<script defer="defer" async type="module" src="//outofthegreycoffee.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_DX4hvK5k.esm.js"></script>
<script defer="defer" async type="module" src="//outofthegreycoffee.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_XXU5RCt-.esm.js"></script>
<script type="module">
  await import("//outofthegreycoffee.com/cdn/shopifycloud/shop-js/modules/v2/client.shop-follow-button_CtVAwMQo.en.esm.js");
await import("//outofthegreycoffee.com/cdn/shopifycloud/shop-js/modules/v2/chunk.common_DX4hvK5k.esm.js");
await import("//outofthegreycoffee.com/cdn/shopifycloud/shop-js/modules/v2/chunk.modal_XXU5RCt-.esm.js");

  
</script>

<shop-follow-button proxy="true"></shop-follow-button>

            </div>
            <div class="localization-wrap">
              
<form method="post" action="/localization" id="footer__selector-form" accept-charset="UTF-8" class="selectors-form" enctype="multipart/form-data"><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/" /><div class="localization footer-menu__disclosure">
  <div class="selectors-form__wrap">
      

      <div class="selectors-form__item selectors-form__currency" value="USD" data-currency-converter data-default-shop-currency="USD">
        <h2 class="hidden" id="currency-heading">
          Currency
        </h2>

        <div class="disclosure disclosure--currency disclosure-text-style-uppercase" data-disclosure data-disclosure-currency>
          <button type="button" class="disclosure__toggle disclosure__toggle--currency" aria-expanded="false" aria-controls="currency-list" aria-describedby="currency-heading" data-disclosure-toggle>
            <span class="currency-code">USD</span> <span class="icon-down-arrow"></span>
          </button>
          <div class="disclosure__list-wrap">
            <ul id="currency-list" class="disclosure-list" data-disclosure-list data-default-shop-currency="USD" data-currency-converter>
              
                <li class="disclosure-list__item disclosure-list__item--current">
                  <button class="disclosure__button" name="currency_code" value="USD">
                    USD
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="CAD">
                    CAD
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="AUD">
                    AUD
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="GBP">
                    GBP
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="EUR">
                    EUR
                  </button>
                </li>
                <li class="disclosure-list__item ">
                  <button class="disclosure__button" name="currency_code" value="JPY">
                    JPY
                  </button>
                </li></ul>
          </div>
        </div>
      </div></div>
</div></form>
            </div>
          
        </div>
        <div class="footer-credits__bottom">
          <p class="credits">
            &copy; 2025 <a href="/" title="">Out Of The Grey Coffee</a>.

            ®... All Rights Reserved.

            

            <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore"> </a>
          </p>
          
            <div class="payment_methods">
              
                <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-amazon"><title id="pi-amazon">Amazon</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" fill-rule="nonzero" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF" fill-rule="nonzero"/><path d="M25.26 16.23c-1.697 1.48-4.157 2.27-6.275 2.27-2.97 0-5.644-1.3-7.666-3.463-.16-.17-.018-.402.173-.27 2.183 1.504 4.882 2.408 7.67 2.408 1.88 0 3.95-.46 5.85-1.416.288-.145.53.222.248.47v.001zm.706-.957c-.216-.328-1.434-.155-1.98-.078-.167.024-.193-.148-.043-.27.97-.81 2.562-.576 2.748-.305.187.272-.047 2.16-.96 3.063-.14.138-.272.064-.21-.12.205-.604.664-1.96.446-2.29h-.001z" fill="#F90" fill-rule="nonzero"/><path d="M21.814 15.291c-.574-.498-.676-.73-.993-1.205-.947 1.012-1.618 1.315-2.85 1.315-1.453 0-2.587-.938-2.587-2.818 0-1.467.762-2.467 1.844-2.955.94-.433 2.25-.51 3.25-.628v-.235c0-.43.033-.94-.208-1.31-.212-.333-.616-.47-.97-.47-.66 0-1.25.353-1.392 1.085-.03.163-.144.323-.3.33l-1.677-.187c-.14-.033-.296-.153-.257-.38.386-2.125 2.223-2.766 3.867-2.766.84 0 1.94.234 2.604.9.842.82.762 1.918.762 3.11v2.818c0 .847.335 1.22.65 1.676.113.164.138.36-.003.482-.353.308-.98.88-1.326 1.2a.367.367 0 0 1-.414.038zm-1.659-2.533c.34-.626.323-1.214.323-1.918v-.392c-1.25 0-2.57.28-2.57 1.82 0 .782.386 1.31 1.05 1.31.487 0 .922-.312 1.197-.82z" fill="#221F1F"/></svg>

              
                <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

              
                <svg class="payment-icon" version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

              
                <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg>
              
                <svg class="payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
              
                <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

              
                <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
              
                <svg class="payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-shopify_pay"><title id="pi-shopify_pay">Shop Pay</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000"/><path d="M35.889 0C37.05 0 38 .982 38 2.182v19.636c0 1.2-.95 2.182-2.111 2.182H2.11C.95 24 0 23.018 0 21.818V2.182C0 .982.95 0 2.111 0H35.89z" fill="#5A31F4"/><path d="M9.35 11.368c-1.017-.223-1.47-.31-1.47-.705 0-.372.306-.558.92-.558.54 0 .934.238 1.225.704a.079.079 0 00.104.03l1.146-.584a.082.082 0 00.032-.114c-.475-.831-1.353-1.286-2.51-1.286-1.52 0-2.464.755-2.464 1.956 0 1.275 1.15 1.597 2.17 1.82 1.02.222 1.474.31 1.474.705 0 .396-.332.582-.993.582-.612 0-1.065-.282-1.34-.83a.08.08 0 00-.107-.035l-1.143.57a.083.083 0 00-.036.111c.454.92 1.384 1.437 2.627 1.437 1.583 0 2.539-.742 2.539-1.98s-1.155-1.598-2.173-1.82v-.003zM15.49 8.855c-.65 0-1.224.232-1.636.646a.04.04 0 01-.069-.03v-2.64a.08.08 0 00-.08-.081H12.27a.08.08 0 00-.08.082v8.194a.08.08 0 00.08.082h1.433a.08.08 0 00.081-.082v-3.594c0-.695.528-1.227 1.239-1.227.71 0 1.226.521 1.226 1.227v3.594a.08.08 0 00.081.082h1.433a.08.08 0 00.081-.082v-3.594c0-1.51-.981-2.577-2.355-2.577zM20.753 8.62c-.778 0-1.507.24-2.03.588a.082.082 0 00-.027.109l.632 1.088a.08.08 0 00.11.03 2.5 2.5 0 011.318-.366c1.25 0 2.17.891 2.17 2.068 0 1.003-.736 1.745-1.669 1.745-.76 0-1.288-.446-1.288-1.077 0-.361.152-.657.548-.866a.08.08 0 00.032-.113l-.596-1.018a.08.08 0 00-.098-.035c-.799.299-1.359 1.018-1.359 1.984 0 1.46 1.152 2.55 2.76 2.55 1.877 0 3.227-1.313 3.227-3.195 0-2.018-1.57-3.492-3.73-3.492zM28.675 8.843c-.724 0-1.373.27-1.845.746-.026.027-.069.007-.069-.029v-.572a.08.08 0 00-.08-.082h-1.397a.08.08 0 00-.08.082v8.182a.08.08 0 00.08.081h1.433a.08.08 0 00.081-.081v-2.683c0-.036.043-.054.069-.03a2.6 2.6 0 001.808.7c1.682 0 2.993-1.373 2.993-3.157s-1.313-3.157-2.993-3.157zm-.271 4.929c-.956 0-1.681-.768-1.681-1.783s.723-1.783 1.681-1.783c.958 0 1.68.755 1.68 1.783 0 1.027-.713 1.783-1.681 1.783h.001z" fill="#fff"/></svg>

              
                <svg class="payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
              
            </div>
          
        </div>
      </div>
    </div>
  </section>
</footer>

</div>
<!-- END sections: footer-group -->

    

    

    <div class="mobile-search" data-mobile-search>
  



<div class="search-form-container">
  <form
    class="
      search-form
      search-form--mobile
    "
    action="/search"
    data-autocomplete-true
  >
    <div class="search-form__input-wrapper">
      <input
        class="search-form__input"
        type="text"
        name="q"
        placeholder="Search..."
        aria-label="Search..."
        value=""
        autocorrect="off"
        autocomplete="off"
        autocapitalize="off"
        spellcheck="false"
        data-search-input
      >

      

      <button
        class="
          search-form__submit-button
          global-button
        "
        type="submit"
        aria-label="Search"
      >
        <span class="icon-search"></span>
      </button>
    </div>

    
      <div
        class="predictive-search"
        data-predictive-search
        data-loading="false"
      >

<svg
  class="loading-icon predictive-search__loading-state-spinner"
  width="24"
  height="24"
  viewBox="0 0 24 24"
  xmlns="http://www.w3.org/2000/svg"
  
>
  <path d="M12,1A11,11,0,1,0,23,12,11,11,0,0,0,12,1Zm0,19a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z"/>
  <path d="M10.14,1.16a11,11,0,0,0-9,8.92A1.59,1.59,0,0,0,2.46,12,1.52,1.52,0,0,0,4.11,10.7a8,8,0,0,1,6.66-6.61A1.42,1.42,0,0,0,12,2.69h0A1.57,1.57,0,0,0,10.14,1.16Z"/>
</svg>
<div class="predictive-search__results" data-predictive-search-results></div>
      </div>
    
  </form>

  
    <button
      class="mobile-search-close"
      type="button"
      aria-label="Close"
      data-mobile-search-close
    >
      <span class="icon-cross"></span>
    </button>
  
</div>

</div>


    

    <script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/jquery.min.js?v=147293088974801289311746154690" defer></script>
    <script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/vendors.js?v=176241922172216752211746154690" defer></script>
    <script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/utilities.js?v=129868216266940865841746154690" defer></script><script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/sections.js?v=4900693443044418751746154690" defer></script>
      <script src="//outofthegreycoffee.com/cdn/shop/t/378/assets/app.js?v=146922871607284968761746154690" defer></script><script src="//outofthegreycoffee.com/cdn/shopifycloud/shopify/assets/themes_support/option_selection-86cdd286ddf3be7e25d68b9fc5965d7798a3ff6228ff79af67b3f4e41d6a34be.js" defer></script><script src="//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/booster-page-speed-optimizer.js?23" type="text/javascript"></script>
<script>(function(n, v) {/* eslint-disable-next-line max-len */if (window.Shopify && window.Shopify.theme && navigator && navigator.sendBeacon && window.Shopify.designMode) {if (sessionStorage.getItem('oots_beacon')) return;navigator.sendBeacon('https://app.outofthesandbox.com/beacon', new URLSearchParams({shop_domain: window.Shopify.shop.toLowerCase(),shop_id: window.BOOMR.shopId,shop_email: '[email protected]',theme_name: n.toLowerCase(),theme_version: v.toLowerCase(),theme_store_id: window.Shopify.theme.theme_store_id,theme_id: window.Shopify.theme.id,theme_role: window.Shopify.theme.role,}));sessionStorage.setItem('oots_beacon', '');}}('turbo','9.5.4'))</script>

<script>function myInit(){ StampedFn.init({ apiKey: '2195b272-aa28-4e5f-a1fb-c05d600aa1dc', sId: '329324' }); }</script>
<script async onload="myInit()" type="text/javascript" src="https://cdn1.stamped.io/files/widget.min.js"></script>
          
<div id="shopify-block-477467645007963971" class="shopify-block shopify-app-block">
</div><div id="shopify-block-9094328589753815681" class="shopify-block shopify-app-block"><script type="application/javascript">
    window.hextom_fsb_meta = {
        p1: [
            
        ],
        p2: {
            
        },
        p3: [
            
        ],
        p4:null,
        p5:[],
        p6:null,
    };

    
    window.hextom_fsb_config = {"shop_active":"yes","record":false,"bars":[{"bar_id":102009,"position":"inserted_sticky","opacity":1.0,"background_color":"#E8BF67","bar_border_radius":0,"text_color_one":"#000000","text_color_two":"#ff0000","font":"Carter One","font_size":16.0,"bar_height":30,"bar_padding":12.0,"message_one":"Free domestic shipping for orders over {{currency_symbol}}{{goal}}","message_two":"Only {{currency_symbol}}{{remainder}} away from free shipping","message_two_2":"You got free shipping, Only {{currency_symbol}}{{remainder_2}} away from 2-day free shipping","message_three":"Congratulations! You've got free shipping","message_four":"This item does not count toward achieving free shipping","message_five":"This item does not qualify for free shipping. Shipping fees will apply.","message_six":"At least one item in your cart does not qualify for free shipping:","show_time":0.0,"interval_time":0.0,"display_page":"{\"products\":{\"isTargeting\":false,\"all\":true,\"tags\":\"\",\"productIds\":\"\",\"collectionIds\":\"\"},\"collections\":{\"isTargeting\":false,\"all\":true,\"collectionIds\":\"\"},\"all\":true,\"home\":false,\"urls\":\"\",\"keywords\":\"\"}","exclude_page":"{\"products\":{\"isTargeting\":false,\"all\":true,\"tags\":\"\",\"productIds\":\"\",\"collectionIds\":\"\"},\"collections\":{\"isTargeting\":false,\"all\":true,\"collectionIds\":\"\"},\"noPages\":true,\"home\":false,\"urls\":\"\",\"keywords\":\"\"}","schedule_enabled":false,"start_on":"2017-09-23T22:45:37.787443+00:00","end_on":"","new_tab":false,"entire_bar_clickable":false,"bar_link":"https://apps.shopify.com/partners/hextom","countries":"","exclude_countries":"","auto_currency":false,"currency_code":"USD","currency_exchange_rate":1.0,"currency_symbol":"$","goal":150.0,"goal_2":0.0,"animation_time":0.0,"background_type":"color","background_pic":"","gradient_color_1":"","gradient_color_2":"","gradient_color_3":"","gradient_degree":90,"background_moving_speed":0,"target_device":"all","visitor_currency_code":"","close_option":false,"custom_code":"<style id=\"ht_style\">\n.main-nav__wrapper.sticky_nav.sticky_nav--stick{\ntop: 44px;\n}\n</style>\n\n<script>\nht_height = document.getElementById('fsb_bar').offsetHeight;\nif(window.screen.width <= 770){\ndocument.getElementById('header').style.top = ht_height + \"px\";\n}\nelse{\ndocument.getElementById('ht_style').innerHTML = document.getElementById('ht_style').innerHTML.replace(\"44\", (ht_height - 1));\n}\nwindow.scrollTo(0, 0);\n&lt;/script&gt;","translation":"","locales":[],"selected_customers_types":"{\"tag\": false, \"spent\": false}","selected_customers_tag":"","selected_customers_spent_object":"{\"comparisonOperator\": \">=\", \"value\": 100.0}","excluded_customers_types":"{\"tag\": false, \"spent\": false}","excluded_customers_tag":"","excluded_customers_spent_object":"{\"comparisonOperator\": \"<=\", \"value\": 100.0}","target_products_type":"all","currency_symbol_position":"before","progress_bar_display":false,"progress_bar_color_1":"#ffc300","progress_bar_color_2":"#ffd030","progress_bar_color_bg":"#ebebeb","progress_bar_gradient":false,"progress_bar_border_radius":3,"progress_bar_height":10,"progress_bar_margin_top":7,"progress_bar_margin_bottom":10,"progress_bar_width_percentage":60,"excluded_products":"","incurred_fee_products":"","excluded_message_type":"special","incurred_message_type":"special","incurred_fee_products_list_in_message":true,"button_link_insert_language_code":true,"targeted_markets_region_codes":""}],"theme":{"theme_id":"149296185596","is_xhr":true}};
    
</script>


</div><div id="shopify-block-15683396631634586217" class="shopify-block shopify-app-block"><script
  id="chat-button-container"
  data-horizontal-position=bottom_right
  data-vertical-position=lowest
  data-icon=chat_bubble
  data-text=no_text
  data-color=#000000
  data-secondary-color=#ffffff
  data-ternary-color=#6a6a6a
  
    data-greeting-message=Thank+you+for+reaching+out+to+us%21%0A%0AIf+we+do+not+respond+immediately%2C+we+are+either+thoughtfully+sourcing%2C+freshly+roasting+or+delivering+the+approachable+luxuries+of+extraordinary+coffee+and+handcrafted+luxury+loose-leaf+tea.%0A%0AWe+promise+to+get+back+to+you+soon...+we+normally+check+and+respond+twice+daily.%0A%0AFeel+free+to+give+us+an+idea+of+what+you+are+wanting+or+trying+to+accomplish.+We+are+happy+to+help+in+any+way+possible%2C+even+making+recommendations+%2C+if+needed.%0A%0AIn+Jesus+Christ+alone%2C%0AJava+Jack
  
  data-domain=outofthegreycoffee.com
  data-shop-domain=outofthegreycoffee.com
  data-external-identifier=m-PzMIy2q5O-LO8ypSq1RIsv9cuMYAJoKhl1hVJw-Zo
  
>
</script>


</div><div id="shopify-block-6174324309569838175" class="shopify-block shopify-app-block">


<div class="smile-shopify-init"
  data-channel-key="channel_FX1jhX2AxqdxW7nOnInaTIJt"
  
></div>


</div><div id="shopify-block-1513253815146976218" class="shopify-block shopify-app-block">
</div></body>  
</html>

Alan adının whois bilgisi

Domain Name: OOTGC.COM

Registry Domain ID: 2012370440_DOMAIN_COM-VRSN

Registrar WHOIS Server: whois.godaddy.com

Registrar URL: http://www.godaddy.com

Updated Date: 2025-03-10T22:09:47Z

Creation Date: 2016-03-15T01:04:48Z

Registry Expiry Date: 2026-03-15T01:04:48Z

Registrar: GoDaddy.com, LLC

Registrar IANA ID: 146

Registrar Abuse Contact Email: [email protected]

Registrar Abuse Contact Phone: 480-624-2505

Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited

Domain Status: clientRenewProhibited https://icann.org/epp#clientRenewProhibited

Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited

Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited

Name Server: NS07.DOMAINCONTROL.COM

Name Server: NS08.DOMAINCONTROL.COM

DNSSEC: unsigned

URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/

>>> Last update of whois database: 2025-05-23T06:18:10Z <<<

For more information on Whois status codes, please visit https://icann.org/epp

NOTICE: The expiration date displayed in this record is the date the

by the following terms of use: You agree that you may use this Data only

to: (1) allow, enable, or otherwise support the transmission of mass

ootgc1f9

ootgcdk3

ootgcy4m

ootgcamz

ootgc605

ootgcdme

ootgcmu9

ootgcti0

ootgcxwg

ootgc6ft

ootgcynv

ootgcfel

ootgcvd5

ootgcom1

ootgcj4y

ootgc5uy

ootgcjtb

ootgcgwm

ootgcxmd

ootgc2mx

ootgcb9q

ootgcbtk

ootgchtf

ootgcxi5

ootgczyw

ootgc7de

ootgchew

ootgcmoz

ootgcb2o

ootgc4r8

ootgc1su

ootgc4mm

ootgc01v

ootgcsi3

ootgcewy