Women's Apparel – Cotopaxi Canada

Free Canadian Shipping on all orders $99+

Fr

Sunset Embers T-Shirt - Women's, Tide Pool

Sunset Embers T-Shirt - Women's

$49.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Flower Patch Long-Sleeve T-Shirt - Women's, White

Flower Patch Long-Sleeve T-Shirt - Women's

$54.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Llama Icon T-Shirt - Women's

$49.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Do Good Crew Sweatshirt, Bone

Do Good Crew Sweatshirt - Women's

$99.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Do Good Crew Sweatshirt - Women's, Jam, Model Charlie

Do Good Crew Sweatshirt - Women's

$99.99 CAD

To make the world a better place through better apparel, our Do Good Organic Crew Sweatshirt uses a blend of organic cotton and recycled polyester that next-levels your comfort and...

Cotopaxi Bloom T-Shirt - Women's, Fjord, Model Caitlyn

Cotopaxi Bloom T-Shirt - Women's

$39.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Sky To Sea Long-Sleeve T-Shirt - Women's, White, Model Avery

Sky To Sea Long-Sleeve T-Shirt - Women's

$44.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Atajo Long-Sleeve Waffle V-Neck - Women's, Fjord, Model Charlie

Atajo Long-Sleeve Waffle V-Neck - Women's

$109.99 CAD

Experience the perfect blend of style and functionality with the Atajo Long-Sleeve Waffle V-Neck. It's made with fabric from the Better Cotton Initiative, and the neckline adds the casual touch...

Cuatro Bitmap T-Shirt - Women's, White, Detail

Cuatro Bitmap T-Shirt - Women's

$49.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Llama Patch Pullover Hoodie - Women's, Maritime, Model London

Llama Patch Pullover Hoodie - Women's

$119.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Lava Llama Crew Sweatshirt - Women's, Iceberg, Model Caitlyn

Lava Llama Crew Sweatshirt - Women's

$109.99 CAD

Softer on your skin and softer on our planet with an organic cotton-recycled polyester fabric blend.

Sombra Long-Sleeve Sun Shirt, Tide Pool

Sombra Long-Sleeve Sun Shirt - Women's

$99.99 CAD

Lightweight fabric and UPF 50+ sun protection makes the Sombra Sun Shirt perfect for throwing over a tank top when high noon approaches.

You've viewed 12 of 13 products

/*! Code css #t4s_custom_color */ .bg_color_aspen-blue-spruce{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #000000;}.bg_color_smoke-cinder{--t4s-bg-color: #c1c2c9;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c1c2c9;}.bg_color_abyss-lake{--t4s-bg-color: #1e4d61;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #1e4d61;}.bg_color_abyss{--t4s-bg-color: #155264;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #155264;}.bg_color_black-cinder{--t4s-bg-color: #5b595a;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #5b595a;}.bg_color_deep-dark-woods{--t4s-bg-color: #1e1d14;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #1e1d14;}.bg_color_light-jog{--t4s-bg-color: #e2d7c9;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e2d7c9;}.bg_color_fruit-smoothie{--t4s-bg-color: #b46181;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b46181;}.bg_color_jam-blackberry{--t4s-bg-color: #731a36;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #731a36;}.bg_color_acai-bowl{--t4s-bg-color: #591d24;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #591d24;}.bg_color_canteen{--t4s-bg-color: #464636;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #464636;}.bg_color_cecret-lake{--t4s-bg-color: #324c6f;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #324c6f;}.bg_color_cotopaxi-carbon{--t4s-bg-color: #22262b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #22262b;}.bg_color_deep-sea-plaid{--t4s-bg-color: #253e5f;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #253e5f;}.bg_color_dune-plaid{--t4s-bg-color: #624833;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #624833;}.bg_color_hillside{--t4s-bg-color: #70543b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #70543b;}.bg_color_yard-sale{--t4s-bg-color: #91896c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #91896c;}.bg_color_sienna-plaid{--t4s-bg-color: #a55210;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a55210;}.bg_color_rock-creek{--t4s-bg-color: #5891bd;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #5891bd;}.bg_color_nutmeg-plaid{--t4s-bg-color: #bb5b51;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #bb5b51;}.bg_color_nutmeg-stripes{--t4s-bg-color: #bb5b51;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #bb5b51;}.bg_color_cargo-stripes{--t4s-bg-color: #0d271e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #0d271e;}.bg_color_chilly{--t4s-bg-color: #5d93c1;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #5d93c1;}.bg_color_cream-stripes{--t4s-bg-color: #e0d1bd;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e0d1bd;}.bg_color_cotopaxi-abyss{--t4s-bg-color: #144c60;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #144c60;}.bg_color_del-dia-dark{--t4s-bg-color: #000000;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #000000;}.bg_color_del-dia{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #405e2d;}.bg_color_amber{--t4s-bg-color: #e7a72b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e7a72b;}.bg_color_amber-stripes{--t4s-bg-color: #e7a72b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e7a72b;}.bg_color_amber-wheat{--t4s-bg-color: #e7a72b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e7a72b;}.bg_color_antique{--t4s-bg-color: #c6b0c4;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c6b0c4;}.bg_color_aspen{--t4s-bg-color: #aaaf90;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #aaaf90;}.bg_color_nutmeg-deep-sea{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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_cream-khaki{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(39, 67, 103, 1) 30%, rgba(158, 66, 59, 1) 77%);}.bg_color_utmeg-fjord{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: rgba(0,0,0,0);--swatch--background: linear-gradient(180deg, rgba(181, 52, 32, 1) 30%, rgba(246, 157, 128, 1) 77%);}.bg_color_tide-pool-surf{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #f39e7b;}.bg_color_everglade{--t4s-bg-color: #86abb5;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #86abb5;}.bg_color_everglade{--t4s-bg-color: #86abb5;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #86abb5;}.bg_color_chimayo{--t4s-bg-color: #86abb5;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #86abb5;}.bg_color_aster{--t4s-bg-color: #c7c7f2;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c7c7f2;}.bg_color_grain-blue-smoke{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #dad3e3;}.bg_color_tide-pool{--t4s-bg-color: #80b1b7;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #80b1b7;}.bg_color_moonbeam-and-aster{--t4s-bg-color: #c6bdd7;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c6bdd7;}.bg_color_whiskey-and-honeycomb{--t4s-bg-color: #ab572f;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #ab572f;}.bg_color_everglade-whiskey{--t4s-bg-color: #e8e5df;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e8e5df;}.bg_color_husk{--t4s-bg-color: #e4c681;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e4c681;}.bg_color_whiskey-aster{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #efeadc;}.bg_color_tempest-moss{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #736137;}.bg_color_super-food{--t4s-bg-color: #2d6368;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #2d6368;}.bg_color_heather-carbon{--t4s-bg-color: #1c212b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #1c212b;}.bg_color_heather-cream{--t4s-bg-color: #d8cbc2;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #d8cbc2;}.bg_color_jam-stripes{--t4s-bg-color: #772040;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #772040;}.bg_color_like-a-cloud{--t4s-bg-color: #e3d8ca;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e3d8ca;}.bg_color_moss{--t4s-bg-color: #7f7146;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #7f7146;}.bg_color_kittens{--t4s-bg-color: #a7b0e8;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a7b0e8;}.bg_color_seed{--t4s-bg-color: #b1a870;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b1a870;}.bg_color_green-juice{--t4s-bg-color: #9a8c2d;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #9a8c2d;}.bg_color_firefly{--t4s-bg-color: #887819;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #887819;}.bg_color_garden-gnome{--t4s-bg-color: #a7afea;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a7afea;}.bg_color_dusty-rose{--t4s-bg-color: #e2a2a6;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e2a2a6;}.bg_color_riverbend{--t4s-bg-color: #a54d48;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a54d48;}.bg_color_brush{--t4s-bg-color: #c7cab7;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c7cab7;}.bg_color_mulberry{--t4s-bg-color: #570e25;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #570e25;}.bg_color_smoke{--t4s-bg-color: #c1bebf;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c1bebf;}.bg_color_slot-canyon{--t4s-bg-color: #49142e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #49142e;}.bg_color_bubble-bath{--t4s-bg-color: #a3ccdc;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a3ccdc;}.bg_color_tree-frog{--t4s-bg-color: #3d382c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #3d382c;}.bg_color_thumbs-up{--t4s-bg-color: #6394c3;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #6394c3;}.bg_color_wind-turbine{--t4s-bg-color: #7fadd7;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #7fadd7;}.bg_color_bone{--t4s-bg-color: #b5b0ae;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b5b0ae;}.bg_color_blue-spruce-abyss{--t4s-bg-color: #6ca8c1;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #6ca8c1;}.bg_color_blackberry{--t4s-bg-color: #4f253c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #4f253c;}.bg_color_bone{--t4s-bg-color: #e7e4dc;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e7e4dc;}.bg_color_lime{--t4s-bg-color: #c9dd97;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c9dd97;}.bg_color_ice{--t4s-bg-color: #d7e6ea;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #d7e6ea;}.bg_color_chestnut{--t4s-bg-color: #844b4c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #844b4c;}.bg_color_bronze{--t4s-bg-color: #885814;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #885814;}.bg_color_brush-dew{--t4s-bg-color: rgba(0,0,0,0);
              /* FIX: Kalles swatches mostly use this var */
              --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;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b1c9df;}.bg_color_cotopaxi-black{--t4s-bg-color: #101118;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #101118;}.bg_color_fatigue{--t4s-bg-color: #585946;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #585946;}.bg_color_apricot{--t4s-bg-color: #f1b48a;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #f1b48a;}.bg_color_faded-brick{--t4s-bg-color: #c26c5b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c26c5b;}.bg_color_foam{--t4s-bg-color: #e5eae4;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e5eae4;}.bg_color_tempest{--t4s-bg-color: #73849b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #73849b;}.bg_color_quartz-stripes{--t4s-bg-color: #c7adb6;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c7adb6;}.bg_color_quartz{--t4s-bg-color: #bfa4af;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #bfa4af;}.bg_color_cinder-stripes{--t4s-bg-color: #4b4240;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #4b4240;}.bg_color_cotopaxi-cinder{--t4s-bg-color: #645958;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #645958;}.bg_color_cotopaxi-cream{--t4s-bg-color: #dbd5c5;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #dbd5c5;}.bg_color_cotopaxi-fatigue{--t4s-bg-color: #64634a;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #64634a;}.bg_color_fatigue{--t4s-bg-color: #51554b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #51554b;}.bg_color_blue-smoke{--t4s-bg-color: #a1abd1;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a1abd1;}.bg_color_blue-spruce{--t4s-bg-color: #395f74;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #395f74;}.bg_color_bluegrass{--t4s-bg-color: #71979c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #71979c;}.bg_color_burgundy{--t4s-bg-color: #a83c41;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a83c41;}.bg_color_canyon{--t4s-bg-color: #e86548;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e86548;}.bg_color_forest{--t4s-bg-color: #365c44;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #365c44;}.bg_color_maritime{--t4s-bg-color: #403c54;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #403c54;}.bg_color_poolside{--t4s-bg-color: #42b6d1;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #42b6d1;}.bg_color_oak{--t4s-bg-color: #504323;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #504323;}.bg_color_saltwater{--t4s-bg-color: #07b3f3;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #07b3f3;}.bg_color_denim{--t4s-bg-color: #5d99c8;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #5d99c8;}.bg_color_iron{--t4s-bg-color: #495354;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #495354;}.bg_color_woods-stripes{--t4s-bg-color: #302f2b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #302f2b;}.bg_color_woods{--t4s-bg-color: #2c2a1b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #2c2a1b;}.bg_color_wine{--t4s-bg-color: #5c2e40;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #5c2e40;}.bg_color_stone{--t4s-bg-color: #a39986;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a39986;}.bg_color_spicy-sweet{--t4s-bg-color: #b75047;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b75047;}.bg_color_spice{--t4s-bg-color: #973527;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #973527;}.bg_color_burgundy-stripes{--t4s-bg-color: #772932;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #772932;}.bg_color_carbon{--t4s-bg-color: #16141e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #16141e;}.bg_color_carbon-stripes{--t4s-bg-color: #16141e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #16141e;}.bg_color_cargo{--t4s-bg-color: #314c3e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #314c3e;}.bg_color_charcoal{--t4s-bg-color: #3b3b3b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #3b3b3b;}.bg_color_cinder{--t4s-bg-color: #584d4c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #584d4c;}.bg_color_coastal{--t4s-bg-color: #3e898d;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #3e898d;}.bg_color_coffee{--t4s-bg-color: #492c2a;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #492c2a;}.bg_color_coffee-stripes{--t4s-bg-color: #492c2a;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #492c2a;}.bg_color_cream{--t4s-bg-color: #efdfce;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #efdfce;}.bg_color_deep-ocean{--t4s-bg-color: #165059;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #165059;}.bg_color_deep-sea{--t4s-bg-color: #304668;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #304668;}.bg_color_deep-sea-stripes{--t4s-bg-color: #1b304e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #1b304e;}.bg_color_desert{--t4s-bg-color: #ad9270;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #ad9270;}.bg_color_drizzle{--t4s-bg-color: #6bacbf;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #6bacbf;}.bg_color_dune{--t4s-bg-color: #8b694b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #8b694b;}.bg_color_fig{--t4s-bg-color: #ba6d87;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #ba6d87;}.bg_color_fjord{--t4s-bg-color: #497391;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #497391;}.bg_color_fjord-stripes{--t4s-bg-color: #497391;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #497391;}.bg_color_foam{--t4s-bg-color: #cdd5ce;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #cdd5ce;}.bg_color_heather-pebble{--t4s-bg-color: #9a947e;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #9a947e;}.bg_color_heather-woods{--t4s-bg-color: #323020;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #323020;}.bg_color_grain{--t4s-bg-color: #e0cea3;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e0cea3;}.bg_color_graphite{--t4s-bg-color: #2c3244;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #2c3244;}.bg_color_gulf{--t4s-bg-color: #004b5b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #004b5b;}.bg_color_pacific{--t4s-bg-color: #0361a5;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #0361a5;}.bg_color_heather-grey{--t4s-bg-color: #969693;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #969693;}.bg_color_honeybee{--t4s-bg-color: #e8b954;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e8b954;}.bg_color_iceberg{--t4s-bg-color: #b9d1e2;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b9d1e2;}.bg_color_ink-stripes{--t4s-bg-color: #3d4863;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #3d4863;}.bg_color_jam{--t4s-bg-color: #771b3c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #771b3c;}.bg_color_lemonade{--t4s-bg-color: #e8e3b0;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e8e3b0;}.bg_color_lichen{--t4s-bg-color: #dbdcca;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #dbdcca;}.bg_color_live-oak{--t4s-bg-color: #6f5825;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #6f5825;}.bg_color_lupine{--t4s-bg-color: #7cafe2;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #7cafe2;}.bg_color_mezcal{--t4s-bg-color: #cf5e07;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #cf5e07;}.bg_color_nectar{--t4s-bg-color: #fca484;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #fca484;}.bg_color_nutmeg{--t4s-bg-color: #a8554c;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a8554c;}.bg_color_oatmeal{--t4s-bg-color: #dbcbb3;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #dbcbb3;}.bg_color_orchid-bloom{--t4s-bg-color: #e7c8de;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e7c8de;}.bg_color_reishi{--t4s-bg-color: #a67a66;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a67a66;}.bg_color_island{--t4s-bg-color: #57aede;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #57aede;}.bg_color_rocket-science{--t4s-bg-color: #ec5f43;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #ec5f43;}.bg_color_rocket-science{--t4s-bg-color: #ec5f43;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #ec5f43;}.bg_color_rose{--t4s-bg-color: #e2a8b0;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e2a8b0;}.bg_color_rusty{--t4s-bg-color: #78423b;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #78423b;}.bg_color_saddle{--t4s-bg-color: #e9a672;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e9a672;}.bg_color_saddle{--t4s-bg-color: #e9a672;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e9a672;}.bg_color_silver-leaf{--t4s-bg-color: #a3ab97;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a3ab97;}.bg_color_sand{--t4s-bg-color: #e6d2cb;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #e6d2cb;}.bg_color_pebble{--t4s-bg-color: #ada593;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #ada593;}.bg_color_pine{--t4s-bg-color: #878154;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #878154;}.bg_color_raspberry{--t4s-bg-color: #b03a46;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #b03a46;}.bg_color_sangria{--t4s-bg-color: #c45d79;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c45d79;}.bg_color_sea-glass{--t4s-bg-color: #c7e5e6;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c7e5e6;}.bg_color_sea-spray{--t4s-bg-color: #c7e5e6;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #c7e5e6;}.bg_color_sea-spray-stripes{--t4s-bg-color: #aebcba;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #aebcba;}.bg_color_all-black{--t4s-bg-color: #000000;
              /* FIX: Kalles swatches mostly use this var */
              --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. Cream/Khaki

78. utmeg/Fjord

79. Oatmeal/Cream

80. Nutmeg/Fjord

81. Fatigue/Lemongrass

82. Deep Sea/Nutmeg

83. Moonbean/Aster

84. Chimayo/Grapefruit

85. Tide Pool/Surf

86. Aster/Azure

87. Aster/Moonbeam

88. Dune/Khaki

89. Dune/Khaki

90. Whiskey

91. Everglade

92. Everglade

93. Chimayo

94. Aster

95. Grain/Blue Smoke

96. Malachite/Tide Pool

97. Grain/Blue Smoke

98. Everglade/Tide Pool

99. Husk/Honeydew

100. Faded Brick/Rose

101. Moss/Sea Spray

102. Kale/Malachite

103. Moonbeam

104. Tide Pool

105. Moonbeam And Aster

106. Whiskey And Honeycomb

107. Everglade/Whiskey

108. Husk

109. Whiskey/Aster

110. Cotopaxi Bone

111. Tempest/Moss

112. Jam/Fig

113. Bronze/Gold

114. Coffee/Quartz

115. Dusk/Blue Smoke

116. Fatigue/Woods

117. Live Oak/Woods

118. Super Food

119. Heather Carbon

120. Heather Cream

121. Jam Stripes

122. Like A Cloud

123. Moss

124. Kittens

125. Seed

126. Green Juice

127. Firefly

128. Garden Gnome

129. Dusty Rose

130. Riverbend

131. Brush

132. Mulberry

133. Smoke

134. Slot Canyon

135. Bubble Bath

136. Tree Frog

137. Thumbs Up

138. Wind Turbine

139. Bone

140. Blue Spruce/Abyss

141. Blackberry

142. Bone

143. Lime

144. Ice

145. Chestnut

146. Bronze

147. Brush/Dew

148. Ice Cold

149. Cotopaxi Black

150. Fatigue

151. Apricot

152. Faded Brick

153. Foam

154. Tempest

155. Quartz Stripes

156. Quartz

157. Cinder Stripes

158. Cotopaxi Cinder

159. Cotopaxi Cream

160. Cotopaxi Fatigue

161. Fatigue

162. Blue Smoke

163. Blue Spruce

164. Bluegrass

165. Burgundy

166. Canyon

167. Forest

168. Maritime

169. Poolside

170. Oak

171. Saltwater

172. Denim

173. Iron

174. Woods Stripes

175. Woods

176. Wine

177. Stone

178. Spicy Sweet

179. Spice

180. Burgundy Stripes

181. Carbon

182. Carbon Stripes

183. Cargo

184. Charcoal

185. Cinder

186. Coastal

187. Coffee

188. Coffee Stripes

189. Cream

190. Deep Ocean

191. Deep Sea

192. Deep Sea Stripes

193. Desert

194. Drizzle

195. Dune

196. Fig

197. Fjord

198. Fjord Stripes

199. Foam

200. Heather Pebble

201. Heather Woods

202. Grain

203. Graphite

204. Gulf

205. Pacific

206. Heather Grey

207. Honeybee

208. Iceberg

209. Ink Stripes

210. Jam

211. Lemonade

212. Lichen

213. Live Oak

214. Lupine

215. Mezcal

216. Nectar

217. Nutmeg

218. Oatmeal

219. Orchid Bloom

220. Reishi

221. Island

222. Rocket Science

223. Rocket Science

224. Rose

225. Rusty

226. Saddle

227. Saddle

228. Silver Leaf

229. Sand

230. Pebble

231. Pine

232. Raspberry

233. Sangria

234. Sea Glass

235. Sea Spray

236. Sea Spray Stripes

237. All Black