Men's Activewear | Cotopaxi Canada

Summer Sale! Up to 40% off gear & apparel

Free Canadian Shipping on all orders $99+

Fr

Brinco 5" Short - Solid - Men's, Steel Blue

Brinco 5" Short - Solid - Men's

From $109.99 CAD

For those active days hiking, bouldering, swimming, and hanging out around the campfire, you only need one short: the unmistakably retro Brinco.

Otero Fleece Half-Zip Pullover - Men's, Drizzle, Model Nicolas

Otero Fleece Half-Zip Pullover - Men's

~~$164.99 CAD~~From $98.99 CAD

A fleece fit for movement, the Otero Fleece Half-Zip Pullover features an updated and fitted silhouette, a recycled polyester blend, a raised grid back for more warmth and breathability, and...

Teca Half-Zip Windbreaker - Men's, 1970

Teca Half-Zip Windbreaker - Men's

$119.99 CAD

The Teca Windbreaker is ideal for windy ridge hikes, breezy bike rides, and minimalist travel. Plus, this windbreaker is made from unique repurposed materials, which means each one is limited...

Sombra Long-Sleeve Sun Shirt - Men's, Honeydew

Sombra Long-Sleeve Sun Shirt - Men's

From $99.99 CAD

Lightweight fabric and UPF 50+ sun protection make the Sombra Sun Shirt perfect for throwing over a t-shirt when high noon approaches.

Estival Button Up Shirt Print - Men's, Waves Steel Blue

Estival Button Up Shirt Print - Men's

~~$109.99 CAD~~$65.99 CAD

From backyard grilling to train hopping in faraway lands, the Estival Button Up Shirt brings the good times. The soft and lightweight fabric blend is made from Better Cotton Initiative...

Brinco 5" Short - Print - Men's, Zen Garden Honeycomb

Brinco 5" Short - Print - Men's

$109.99 CAD

For those active days hiking, bouldering, swimming, and hanging out around the campfire, you only need one short: the unmistakably retro Brinco.

/*! Code css #t4s_custom_color */ .bg_color_aspen-blue-spruce{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(202, 220, 198, 1) 30%, rgba(92, 148, 177, 1) 76%);}.bg_color_fjord-deep-sea{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(55, 80, 109, 1) 30%, rgba(90, 140, 168, 1) 76%);}.bg_color_island-sea-spray{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(186, 212, 208, 1) 30%, rgba(111, 198, 237, 1) 76%);}.bg_color_mulberry-nutmeg{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(101, 36, 42, 1) 30%, rgba(157, 68, 55, 1) 76%);}.bg_color_abyss-coastal{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(65, 148, 163, 1) 30%, rgba(45, 95, 126, 1) 76%);}.bg_color_bone-cream{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(236, 232, 220, 1) 30%, rgba(228, 225, 215, 1) 76%);}.bg_color_blue-smoke-dusk{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(174, 183, 221, 1) 30%, rgba(25, 32, 44, 1) 76%);}.bg_color_foam-silver-leaf{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(216, 229, 218, 1) 30%, rgba(181, 199, 197, 1) 76%);}.bg_color_grain-lemongrass{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(221, 209, 172, 1) 30%, rgba(191, 183, 149, 1) 76%);}.bg_color_pacific-maritime{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(59, 94, 157, 1) 30%, rgba(37, 40, 62, 1) 76%);}.bg_color_fjord-fjord{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(152, 201, 221, 1) 30%, rgba(87, 135, 171, 1) 76%);}.bg_color_fjord-iceberg{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(104, 147, 187, 1) 30%, rgba(158, 188, 214, 1) 76%);}.bg_color_blue-smoke-live-oak{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(105, 88, 55, 1) 30%, rgba(161, 170, 217, 1) 76%);}.bg_color_cotopaxi-black{--t4s-bg-color: #000000;
              --swatch--background: #000000;}.bg_color_smoke-cinder{--t4s-bg-color: #c1c2c9;
              --swatch--background: #c1c2c9;}.bg_color_abyss-lake{--t4s-bg-color: #1e4d61;
              --swatch--background: #1e4d61;}.bg_color_abyss{--t4s-bg-color: #155264;
              --swatch--background: #155264;}.bg_color_black-cinder{--t4s-bg-color: #5b595a;
              --swatch--background: #5b595a;}.bg_color_deep-dark-woods{--t4s-bg-color: #1e1d14;
              --swatch--background: #1e1d14;}.bg_color_light-jog{--t4s-bg-color: #e2d7c9;
              --swatch--background: #e2d7c9;}.bg_color_fruit-smoothie{--t4s-bg-color: #b46181;
              --swatch--background: #b46181;}.bg_color_jam-blackberry{--t4s-bg-color: #731a36;
              --swatch--background: #731a36;}.bg_color_acai-bowl{--t4s-bg-color: #591d24;
              --swatch--background: #591d24;}.bg_color_canteen{--t4s-bg-color: #464636;
              --swatch--background: #464636;}.bg_color_cecret-lake{--t4s-bg-color: #324c6f;
              --swatch--background: #324c6f;}.bg_color_cotopaxi-carbon{--t4s-bg-color: #22262b;
              --swatch--background: #22262b;}.bg_color_deep-sea-plaid{--t4s-bg-color: #253e5f;
              --swatch--background: #253e5f;}.bg_color_dune-plaid{--t4s-bg-color: #624833;
              --swatch--background: #624833;}.bg_color_hillside{--t4s-bg-color: #70543b;
              --swatch--background: #70543b;}.bg_color_yard-sale{--t4s-bg-color: #91896c;
              --swatch--background: #91896c;}.bg_color_sienna-plaid{--t4s-bg-color: #a55210;
              --swatch--background: #a55210;}.bg_color_rock-creek{--t4s-bg-color: #5891bd;
              --swatch--background: #5891bd;}.bg_color_nutmeg-plaid{--t4s-bg-color: #bb5b51;
              --swatch--background: #bb5b51;}.bg_color_nutmeg-stripes{--t4s-bg-color: #bb5b51;
              --swatch--background: #bb5b51;}.bg_color_cargo-stripes{--t4s-bg-color: #0d271e;
              --swatch--background: #0d271e;}.bg_color_chilly{--t4s-bg-color: #5d93c1;
              --swatch--background: #5d93c1;}.bg_color_cream-stripes{--t4s-bg-color: #e0d1bd;
              --swatch--background: #e0d1bd;}.bg_color_cotopaxi-abyss{--t4s-bg-color: #144c60;
              --swatch--background: #144c60;}.bg_color_del-dia-dark{--t4s-bg-color: #000000;
              --swatch--background: #000000;}.bg_color_del-dia{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(122deg, rgba(161, 43, 253, 1) 8%, rgba(254, 0, 0, 1) 40%, rgba(223, 215, 18, 1) 70%, rgba(33, 213, 149, 1) 95.324%);}.bg_color_del-dia-earth{--t4s-bg-color: #405e2d;
              --swatch--background: #405e2d;}.bg_color_amber{--t4s-bg-color: #e7a72b;
              --swatch--background: #e7a72b;}.bg_color_amber-stripes{--t4s-bg-color: #e7a72b;
              --swatch--background: #e7a72b;}.bg_color_amber-wheat{--t4s-bg-color: #e7a72b;
              --swatch--background: #e7a72b;}.bg_color_antique{--t4s-bg-color: #c6b0c4;
              --swatch--background: #c6b0c4;}.bg_color_aspen{--t4s-bg-color: #aaaf90;
              --swatch--background: #aaaf90;}.bg_color_nutmeg-deep-sea{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(133, 52, 45, 1) 30%, rgba(24, 49, 77, 1) 76%);}.bg_color_seed-fatigue{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(168, 170, 110, 1) 30%, rgba(94, 90, 71, 1) 76%);}.bg_color_woods-fatigue{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(50, 49, 26, 1) 30%, rgba(87, 83, 64, 1) 76%);}.bg_color_drizzle-aspen{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(148, 200, 217, 1) 30%, rgba(191, 212, 182, 1) 76%);}.bg_color_khaki-cream{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(210, 177, 140, 1) 30%, rgba(229, 214, 196, 1) 76%);}.bg_color_quartz-coffee{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(201, 172, 184, 1) 30%, rgba(66, 41, 41, 1) 76%);}.bg_color_wine-blue-violet{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(90, 37, 55, 1) 30%, rgba(71, 113, 215, 1) 76%);}.bg_color_dune-stone{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(121, 88, 58, 1) 30%, rgba(149, 133, 109, 1) 76%);}.bg_color_mezcal-sunset{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(225, 114, 42, 1) 30%, rgba(235, 183, 14, 1) 76%);}.bg_color_blackberry-jam{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(94, 47, 70, 1) 30%, rgba(125, 35, 70, 1) 76%);}.bg_color_blue-smoke-grain{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(140, 148, 196, 1) 30%, rgba(215, 198, 147, 1) 76%);}.bg_color_woods-greenery{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(57, 53, 50, 1) 30%, rgba(1, 108, 108, 1) 76%);}.bg_color_blue-spruce-aspen{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(92, 151, 177, 1) 30%, rgba(183, 206, 187, 1) 76%);}.bg_color_raspberry-canyon{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(203, 52, 84, 1) 30%, rgba(202, 54, 37, 1) 76%);}.bg_color_maritime-amber{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(29, 38, 67, 1) 30%, rgba(239, 167, 18, 1) 76%);}.bg_color_stone-dune{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(150, 135, 106, 1) 30%, rgba(117, 81, 51, 1) 76%);}.bg_color_maritime-birch{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(29, 38, 67, 1) 30%, rgba(244, 211, 165, 1) 76%);}.bg_color_maritime-cream{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(29, 38, 67, 1) 30%, rgba(230, 221, 206, 1) 76%);}.bg_color_blue-spruce-aspen{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(89, 191, 199, 1) 30%, rgba(113, 151, 170, 1) 76%);}.bg_color_deep-sea-fjord{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(49, 74, 104, 1) 30%, rgba(93, 138, 180, 1) 76%);}.bg_color_sienna-fjord{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(173, 92, 33, 1) 30%, rgba(62, 119, 155, 1) 76%);}.bg_color_wine-amethyst{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(95, 44, 59, 1) 30%, rgba(88, 112, 204, 1) 76%);}.bg_color_canyon-nectar{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(230, 71, 5, 1) 30%, rgba(251, 162, 121, 1) 76%);}.bg_color_blue-violet-wine{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(59, 96, 202, 1) 30%, rgba(86, 41, 54, 1) 76%);}.bg_color_antique-apricot{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(226, 198, 219, 1) 30%, rgba(234, 178, 145, 1) 76%);}.bg_color_bluegrass-silver-leaf{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(145, 189, 189, 1) 30%, rgba(161, 184, 172, 1) 76%);}.bg_color_bronze-deep-sea{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(174, 123, 29, 1) 30%, rgba(43, 67, 102, 1) 76%);}.bg_color_quartz-blue-smoke{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(211, 191, 200, 1) 30%, rgba(83, 90, 143, 1) 76%);}.bg_color_cream-bone{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(236, 224, 212, 1) 76%);}.bg_color_cream-khaki{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(232, 219, 201, 1) 30%, rgba(191, 149, 100, 1) 76%);}.bg_color_utmeg-fjord{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(190, 81, 75, 1) 30%, rgba(129, 170, 210, 1) 77%);}.bg_color_oatmeal-cream{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(201, 193, 187, 1) 30%, rgba(208, 200, 185, 1) 77%);}.bg_color_nutmeg-fjord{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(187, 79, 72, 1) 30%, rgba(139, 178, 218, 1) 77%);}.bg_color_fatigue-lemongrass{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(110, 111, 88, 1) 30%, rgba(197, 193, 124, 1) 77%);}.bg_color_deep-sea-nutmeg{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(39, 67, 103, 1) 30%, rgba(150, 62, 53, 1) 77%);}.bg_color_moonbean-aster{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(218, 206, 226, 1) 30%, rgba(150, 150, 202, 1) 77%);}.bg_color_chimayo-grapefruit{--t4s-bg-color: #a24c3d;
              --swatch--background: #a24c3d;}.bg_color_tide-pool-surf{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(171, 221, 222, 1) 30%, rgba(203, 227, 230, 1) 77%);}.bg_color_aster-azure{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(148, 160, 215, 1) 30%, rgba(64, 110, 198, 1) 77%);}.bg_color_aster-moonbeam{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(174, 183, 235, 1) 30%, rgba(215, 207, 228, 1) 77%);}.bg_color_dune-khaki{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(174, 183, 235, 1) 30%, rgba(215, 207, 228, 1) 77%);}.bg_color_dune-khaki{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(117, 81, 52, 1) 30%, rgba(193, 153, 103, 1) 77%);}.bg_color_whiskey{--t4s-bg-color: #f39e7b;
              --swatch--background: #f39e7b;}.bg_color_everglade{--t4s-bg-color: #86abb5;
              --swatch--background: #86abb5;}.bg_color_everglade{--t4s-bg-color: #86abb5;
              --swatch--background: #86abb5;}.bg_color_chimayo{--t4s-bg-color: #a24c3d;
              --swatch--background: #a24c3d;}.bg_color_aster{--t4s-bg-color: #c7c7f2;
              --swatch--background: #c7c7f2;}.bg_color_grain-blue-smoke{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(222, 207, 160, 1) 30%, rgba(112, 120, 171, 1) 77%);}.bg_color_malachite-tide-pool{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(1, 141, 130, 1) 30%, rgba(176, 224, 227, 1) 77%);}.bg_color_grain-blue-smoke{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(107, 145, 184, 1) 30%, rgba(116, 162, 175, 1) 77%);}.bg_color_everglade-tide-pool{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(92, 144, 158, 1) 30%, rgba(116, 169, 167, 1) 77%);}.bg_color_husk-honeydew{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(230, 204, 126, 1) 30%, rgba(235, 231, 196, 1) 77%);}.bg_color_faded-brick-rose{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(187, 89, 63, 1) 30%, rgba(222, 162, 164, 1) 77%);}.bg_color_moss-sea-spray{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(165, 145, 85, 1) 30%, rgba(176, 204, 213, 1) 77%);}.bg_color_kale-malachite{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(0, 80, 69, 1) 30%, rgba(0, 125, 114, 1) 77%);}.bg_color_moonbeam{--t4s-bg-color: #dad3e3;
              --swatch--background: #dad3e3;}.bg_color_tide-pool{--t4s-bg-color: #80b1b7;
              --swatch--background: #80b1b7;}.bg_color_moonbeam-and-aster{--t4s-bg-color: #c6bdd7;
              --swatch--background: #c6bdd7;}.bg_color_whiskey-and-honeycomb{--t4s-bg-color: #ab572f;
              --swatch--background: #ab572f;}.bg_color_everglade-whiskey{--t4s-bg-color: #e8e5df;
              --swatch--background: #e8e5df;}.bg_color_husk{--t4s-bg-color: #e4c681;
              --swatch--background: #e4c681;}.bg_color_whiskey-aster{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(215, 116, 54, 1) 30%, rgba(235, 231, 196, 1) 77%);}.bg_color_cotopaxi-bone{--t4s-bg-color: #efeadc;
              --swatch--background: #efeadc;}.bg_color_tempest-moss{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(136, 157, 184, 1) 30%, rgba(133, 117, 61, 1) 76%);}.bg_color_jam-fig{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(130, 37, 71, 1) 30%, rgba(157, 81, 111, 1) 76%);}.bg_color_bronze-gold{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(174, 123, 29, 1) 30%, rgba(217, 175, 36, 1) 76%);}.bg_color_coffee-quartz{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(63, 38, 37, 1) 30%, rgba(206, 176, 188, 1) 76%);}.bg_color_dusk-blue-smoke{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(62, 72, 119, 1) 30%, rgba(96, 110, 161, 1) 76%);}.bg_color_fatigue-woods{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(63, 38, 37, 1) 30%, rgba(51, 50, 29, 1) 76%);}.bg_color_live-oak-woods{--t4s-bg-color: #736137;
              --swatch--background: #736137;}.bg_color_super-food{--t4s-bg-color: #2d6368;
              --swatch--background: #2d6368;}.bg_color_heather-carbon{--t4s-bg-color: #1c212b;
              --swatch--background: #1c212b;}.bg_color_heather-cream{--t4s-bg-color: #d8cbc2;
              --swatch--background: #d8cbc2;}.bg_color_jam-stripes{--t4s-bg-color: #772040;
              --swatch--background: #772040;}.bg_color_like-a-cloud{--t4s-bg-color: #e3d8ca;
              --swatch--background: #e3d8ca;}.bg_color_moss{--t4s-bg-color: #7f7146;
              --swatch--background: #7f7146;}.bg_color_kittens{--t4s-bg-color: #a7b0e8;
              --swatch--background: #a7b0e8;}.bg_color_seed{--t4s-bg-color: #b1a870;
              --swatch--background: #b1a870;}.bg_color_green-juice{--t4s-bg-color: #9a8c2d;
              --swatch--background: #9a8c2d;}.bg_color_firefly{--t4s-bg-color: #887819;
              --swatch--background: #887819;}.bg_color_garden-gnome{--t4s-bg-color: #a7afea;
              --swatch--background: #a7afea;}.bg_color_dusty-rose{--t4s-bg-color: #e2a2a6;
              --swatch--background: #e2a2a6;}.bg_color_riverbend{--t4s-bg-color: #a54d48;
              --swatch--background: #a54d48;}.bg_color_brush{--t4s-bg-color: #c7cab7;
              --swatch--background: #c7cab7;}.bg_color_mulberry{--t4s-bg-color: #570e25;
              --swatch--background: #570e25;}.bg_color_smoke{--t4s-bg-color: #c1bebf;
              --swatch--background: #c1bebf;}.bg_color_slot-canyon{--t4s-bg-color: #49142e;
              --swatch--background: #49142e;}.bg_color_bubble-bath{--t4s-bg-color: #a3ccdc;
              --swatch--background: #a3ccdc;}.bg_color_tree-frog{--t4s-bg-color: #3d382c;
              --swatch--background: #3d382c;}.bg_color_thumbs-up{--t4s-bg-color: #6394c3;
              --swatch--background: #6394c3;}.bg_color_wind-turbine{--t4s-bg-color: #7fadd7;
              --swatch--background: #7fadd7;}.bg_color_bone{--t4s-bg-color: #b5b0ae;
              --swatch--background: #b5b0ae;}.bg_color_blue-spruce-abyss{--t4s-bg-color: #6ca8c1;
              --swatch--background: #6ca8c1;}.bg_color_blackberry{--t4s-bg-color: #4f253c;
              --swatch--background: #4f253c;}.bg_color_bone{--t4s-bg-color: #e7e4dc;
              --swatch--background: #e7e4dc;}.bg_color_lime{--t4s-bg-color: #c9dd97;
              --swatch--background: #c9dd97;}.bg_color_ice{--t4s-bg-color: #d7e6ea;
              --swatch--background: #d7e6ea;}.bg_color_chestnut{--t4s-bg-color: #844b4c;
              --swatch--background: #844b4c;}.bg_color_bronze{--t4s-bg-color: #885814;
              --swatch--background: #885814;}.bg_color_brush-dew{--t4s-bg-color: rgba(0,0,0,0);
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(207, 210, 195, 1) 30%, rgba(231, 232, 224, 1) 76%);}.bg_color_ice-cold{--t4s-bg-color: #b1c9df;
              --swatch--background: #b1c9df;}.bg_color_cotopaxi-black{--t4s-bg-color: #101118;
              --swatch--background: #101118;}.bg_color_fatigue{--t4s-bg-color: #585946;
              --swatch--background: #585946;}.bg_color_apricot{--t4s-bg-color: #f1b48a;
              --swatch--background: #f1b48a;}.bg_color_faded-brick{--t4s-bg-color: #c26c5b;
              --swatch--background: #c26c5b;}.bg_color_foam{--t4s-bg-color: #e5eae4;
              --swatch--background: #e5eae4;}.bg_color_tempest{--t4s-bg-color: #73849b;
              --swatch--background: #73849b;}.bg_color_quartz-stripes{--t4s-bg-color: #c7adb6;
              --swatch--background: #c7adb6;}.bg_color_quartz{--t4s-bg-color: #bfa4af;
              --swatch--background: #bfa4af;}.bg_color_cinder-stripes{--t4s-bg-color: #4b4240;
              --swatch--background: #4b4240;}.bg_color_cotopaxi-cinder{--t4s-bg-color: #645958;
              --swatch--background: #645958;}.bg_color_cotopaxi-cream{--t4s-bg-color: #dbd5c5;
              --swatch--background: #dbd5c5;}.bg_color_cotopaxi-fatigue{--t4s-bg-color: #64634a;
              --swatch--background: #64634a;}.bg_color_fatigue{--t4s-bg-color: #51554b;
              --swatch--background: #51554b;}.bg_color_blue-smoke{--t4s-bg-color: #a1abd1;
              --swatch--background: #a1abd1;}.bg_color_blue-spruce{--t4s-bg-color: #395f74;
              --swatch--background: #395f74;}.bg_color_bluegrass{--t4s-bg-color: #71979c;
              --swatch--background: #71979c;}.bg_color_burgundy{--t4s-bg-color: #a83c41;
              --swatch--background: #a83c41;}.bg_color_canyon{--t4s-bg-color: #e86548;
              --swatch--background: #e86548;}.bg_color_forest{--t4s-bg-color: #365c44;
              --swatch--background: #365c44;}.bg_color_maritime{--t4s-bg-color: #403c54;
              --swatch--background: #403c54;}.bg_color_poolside{--t4s-bg-color: #42b6d1;
              --swatch--background: #42b6d1;}.bg_color_oak{--t4s-bg-color: #504323;
              --swatch--background: #504323;}.bg_color_saltwater{--t4s-bg-color: #07b3f3;
              --swatch--background: #07b3f3;}.bg_color_denim{--t4s-bg-color: #5d99c8;
              --swatch--background: #5d99c8;}.bg_color_iron{--t4s-bg-color: #495354;
              --swatch--background: #495354;}.bg_color_woods-stripes{--t4s-bg-color: #302f2b;
              --swatch--background: #302f2b;}.bg_color_woods{--t4s-bg-color: #2c2a1b;
              --swatch--background: #2c2a1b;}.bg_color_wine{--t4s-bg-color: #5c2e40;
              --swatch--background: #5c2e40;}.bg_color_stone{--t4s-bg-color: #a39986;
              --swatch--background: #a39986;}.bg_color_spicy-sweet{--t4s-bg-color: #b75047;
              --swatch--background: #b75047;}.bg_color_spice{--t4s-bg-color: #973527;
              --swatch--background: #973527;}.bg_color_burgundy-stripes{--t4s-bg-color: #772932;
              --swatch--background: #772932;}.bg_color_carbon{--t4s-bg-color: #16141e;
              --swatch--background: #16141e;}.bg_color_carbon-stripes{--t4s-bg-color: #16141e;
              --swatch--background: #16141e;}.bg_color_cargo{--t4s-bg-color: #314c3e;
              --swatch--background: #314c3e;}.bg_color_charcoal{--t4s-bg-color: #3b3b3b;
              --swatch--background: #3b3b3b;}.bg_color_cinder{--t4s-bg-color: #584d4c;
              --swatch--background: #584d4c;}.bg_color_coastal{--t4s-bg-color: #3e898d;
              --swatch--background: #3e898d;}.bg_color_coffee{--t4s-bg-color: #492c2a;
              --swatch--background: #492c2a;}.bg_color_coffee-stripes{--t4s-bg-color: #492c2a;
              --swatch--background: #492c2a;}.bg_color_cream{--t4s-bg-color: #efdfce;
              --swatch--background: #efdfce;}.bg_color_deep-ocean{--t4s-bg-color: #165059;
              --swatch--background: #165059;}.bg_color_deep-sea{--t4s-bg-color: #304668;
              --swatch--background: #304668;}.bg_color_deep-sea-stripes{--t4s-bg-color: #1b304e;
              --swatch--background: #1b304e;}.bg_color_desert{--t4s-bg-color: #ad9270;
              --swatch--background: #ad9270;}.bg_color_drizzle{--t4s-bg-color: #6bacbf;
              --swatch--background: #6bacbf;}.bg_color_dune{--t4s-bg-color: #8b694b;
              --swatch--background: #8b694b;}.bg_color_fig{--t4s-bg-color: #ba6d87;
              --swatch--background: #ba6d87;}.bg_color_fjord{--t4s-bg-color: #497391;
              --swatch--background: #497391;}.bg_color_fjord-stripes{--t4s-bg-color: #497391;
              --swatch--background: #497391;}.bg_color_foam{--t4s-bg-color: #cdd5ce;
              --swatch--background: #cdd5ce;}.bg_color_heather-pebble{--t4s-bg-color: #9a947e;
              --swatch--background: #9a947e;}.bg_color_heather-woods{--t4s-bg-color: #323020;
              --swatch--background: #323020;}.bg_color_grain{--t4s-bg-color: #e0cea3;
              --swatch--background: #e0cea3;}.bg_color_graphite{--t4s-bg-color: #2c3244;
              --swatch--background: #2c3244;}.bg_color_gulf{--t4s-bg-color: #004b5b;
              --swatch--background: #004b5b;}.bg_color_pacific{--t4s-bg-color: #0361a5;
              --swatch--background: #0361a5;}.bg_color_heather-grey{--t4s-bg-color: #969693;
              --swatch--background: #969693;}.bg_color_honeybee{--t4s-bg-color: #e8b954;
              --swatch--background: #e8b954;}.bg_color_iceberg{--t4s-bg-color: #b9d1e2;
              --swatch--background: #b9d1e2;}.bg_color_ink-stripes{--t4s-bg-color: #3d4863;
              --swatch--background: #3d4863;}.bg_color_jam{--t4s-bg-color: #771b3c;
              --swatch--background: #771b3c;}.bg_color_lemonade{--t4s-bg-color: #e8e3b0;
              --swatch--background: #e8e3b0;}.bg_color_lichen{--t4s-bg-color: #dbdcca;
              --swatch--background: #dbdcca;}.bg_color_live-oak{--t4s-bg-color: #6f5825;
              --swatch--background: #6f5825;}.bg_color_lupine{--t4s-bg-color: #7cafe2;
              --swatch--background: #7cafe2;}.bg_color_mezcal{--t4s-bg-color: #cf5e07;
              --swatch--background: #cf5e07;}.bg_color_nectar{--t4s-bg-color: #fca484;
              --swatch--background: #fca484;}.bg_color_nutmeg{--t4s-bg-color: #a8554c;
              --swatch--background: #a8554c;}.bg_color_oatmeal{--t4s-bg-color: #dbcbb3;
              --swatch--background: #dbcbb3;}.bg_color_orchid-bloom{--t4s-bg-color: #e7c8de;
              --swatch--background: #e7c8de;}.bg_color_reishi{--t4s-bg-color: #a67a66;
              --swatch--background: #a67a66;}.bg_color_island{--t4s-bg-color: #57aede;
              --swatch--background: #57aede;}.bg_color_rocket-science{--t4s-bg-color: #ec5f43;
              --swatch--background: #ec5f43;}.bg_color_rocket-science{--t4s-bg-color: #ec5f43;
              --swatch--background: #ec5f43;}.bg_color_rose{--t4s-bg-color: #e2a8b0;
              --swatch--background: #e2a8b0;}.bg_color_rusty{--t4s-bg-color: #78423b;
              --swatch--background: #78423b;}.bg_color_saddle{--t4s-bg-color: #e9a672;
              --swatch--background: #e9a672;}.bg_color_saddle{--t4s-bg-color: #e9a672;
              --swatch--background: #e9a672;}.bg_color_silver-leaf{--t4s-bg-color: #a3ab97;
              --swatch--background: #a3ab97;}.bg_color_sand{--t4s-bg-color: #e6d2cb;
              --swatch--background: #e6d2cb;}.bg_color_pebble{--t4s-bg-color: #ada593;
              --swatch--background: #ada593;}.bg_color_pine{--t4s-bg-color: #878154;
              --swatch--background: #878154;}.bg_color_raspberry{--t4s-bg-color: #b03a46;
              --swatch--background: #b03a46;}.bg_color_sangria{--t4s-bg-color: #c45d79;
              --swatch--background: #c45d79;}.bg_color_sea-glass{--t4s-bg-color: #c7e5e6;
              --swatch--background: #c7e5e6;}.bg_color_sea-spray{--t4s-bg-color: #c7e5e6;
              --swatch--background: #c7e5e6;}.bg_color_sea-spray-stripes{--t4s-bg-color: #aebcba;
              --swatch--background: #aebcba;}.bg_color_all-black{--t4s-bg-color: #000000;
              --swatch--background: #000000;}

1. In order showing the color on live page, click "COPY CSS CODE" button and then click on Actions->Edit code to paste the code in the file assets/colors.css.
2. From Theme settings->CUSTOM CSS/JS option, click on checkbox "Use colors custom css". Then, click Save at the top right.
👉 See guide

Demo swatch, Label settings Preview:

1. Aspen/Blue Spruce

2. Fjord/Deep Sea

3. Island/Sea Spray

4. Mulberry/Nutmeg

5. Abyss/Coastal

6. Bone/Cream

7. Blue Smoke/Dusk

8. Foam/Silver Leaf

9. Grain/Lemongrass

10. Pacific/Maritime

11. Fjord/Fjord

12. Fjord/Iceberg

13. Blue Smoke/Live Oak

14. Cotopaxi Black

15. Smoke/Cinder

16. Abyss/Lake

17. Abyss

18. Black/Cinder

19. Deep Dark Woods

20. Light Jog

21. Fruit Smoothie

22. Jam/Blackberry

23. Acai Bowl

24. Canteen

25. Cecret Lake

26. Cotopaxi Carbon

27. Deep Sea Plaid

28. Dune Plaid

29. Hillside

30. Yard Sale

31. Sienna Plaid

32. Rock Creek

33. Nutmeg Plaid

34. Nutmeg Stripes

35. Cargo Stripes

36. Chilly

37. Cream Stripes

38. Cotopaxi Abyss

39. Del Dia Dark

40. Del Dia

41. Del Dia Earth

42. Amber

43. Amber Stripes

44. Amber/Wheat

45. Antique

46. Aspen

47. Nutmeg/Deep Sea

48. Seed/Fatigue

49. Woods/Fatigue

50. Drizzle/Aspen

51. Khaki/Cream

52. Quartz/Coffee

53. Wine/Blue Violet

54. Dune/Stone

55. Mezcal/Sunset

56. Blackberry/Jam

57. Blue Smoke/Grain

58. Woods/Greenery

59. Blue Spruce/Aspen

60. Raspberry/Canyon

61. Maritime/Amber

62. Stone/Dune

63. Maritime/Birch

64. Maritime/Cream

65. Blue Spruce/Aspen

66. Deep Sea/Fjord

67. Sienna/Fjord

68. Wine/Amethyst

69. Canyon/Nectar

70. Blue Violet/Wine

71. Antique/Apricot

72. Bluegrass/Silver Leaf

73. Bronze/Deep Sea

74. Quartz/Blue Smoke

75. Cream/Bone

76. Cream/Khaki

77. utmeg/Fjord

78. Oatmeal/Cream

79. Nutmeg/Fjord

80. Fatigue/Lemongrass

81. Deep Sea/Nutmeg

82. Moonbean/Aster

83. Chimayo/Grapefruit

84. Tide Pool/Surf

85. Aster/Azure

86. Aster/Moonbeam

87. Dune/Khaki

88. Dune/Khaki

89. Whiskey

90. Everglade

91. Everglade

92. Chimayo

93. Aster

94. Grain/Blue Smoke

95. Malachite/Tide Pool

96. Grain/Blue Smoke

97. Everglade/Tide Pool

98. Husk/Honeydew

99. Faded Brick/Rose

100. Moss/Sea Spray

101. Kale/Malachite

102. Moonbeam

103. Tide Pool

104. Moonbeam And Aster

105. Whiskey And Honeycomb

106. Everglade/Whiskey

107. Husk

108. Whiskey/Aster

109. Cotopaxi Bone

110. Tempest/Moss

111. Jam/Fig

112. Bronze/Gold

113. Coffee/Quartz

114. Dusk/Blue Smoke

115. Fatigue/Woods

116. Live Oak/Woods

117. Super Food

118. Heather Carbon

119. Heather Cream

120. Jam Stripes

121. Like A Cloud

122. Moss

123. Kittens

124. Seed

125. Green Juice

126. Firefly

127. Garden Gnome

128. Dusty Rose

129. Riverbend

130. Brush

131. Mulberry

132. Smoke

133. Slot Canyon

134. Bubble Bath

135. Tree Frog

136. Thumbs Up

137. Wind Turbine

138. Bone

139. Blue Spruce/Abyss

140. Blackberry

141. Bone

142. Lime

143. Ice

144. Chestnut

145. Bronze

146. Brush/Dew

147. Ice Cold

148. Cotopaxi Black

149. Fatigue

150. Apricot

151. Faded Brick

152. Foam

153. Tempest

154. Quartz Stripes

155. Quartz

156. Cinder Stripes

157. Cotopaxi Cinder

158. Cotopaxi Cream

159. Cotopaxi Fatigue

160. Fatigue

161. Blue Smoke

162. Blue Spruce

163. Bluegrass

164. Burgundy

165. Canyon

166. Forest

167. Maritime

168. Poolside

169. Oak

170. Saltwater

171. Denim

172. Iron

173. Woods Stripes

174. Woods

175. Wine

176. Stone

177. Spicy Sweet

178. Spice

179. Burgundy Stripes

180. Carbon

181. Carbon Stripes

182. Cargo

183. Charcoal

184. Cinder

185. Coastal

186. Coffee

187. Coffee Stripes

188. Cream

189. Deep Ocean

190. Deep Sea

191. Deep Sea Stripes

192. Desert

193. Drizzle

194. Dune

195. Fig

196. Fjord

197. Fjord Stripes

198. Foam

199. Heather Pebble

200. Heather Woods

201. Grain

202. Graphite

203. Gulf

204. Pacific

205. Heather Grey

206. Honeybee

207. Iceberg

208. Ink Stripes

209. Jam

210. Lemonade

211. Lichen

212. Live Oak

213. Lupine

214. Mezcal

215. Nectar

216. Nutmeg

217. Oatmeal

218. Orchid Bloom

219. Reishi

220. Island

221. Rocket Science

222. Rocket Science

223. Rose

224. Rusty

225. Saddle

226. Saddle

227. Silver Leaf

228. Sand

229. Pebble

230. Pine

231. Raspberry

232. Sangria

233. Sea Glass

234. Sea Spray

235. Sea Spray Stripes

236. All Black

×