Free Canadian Shipping on all orders $99+

0 / $0.00

Todo 22L Convertible Tote - Del Dia

$109.99 CAD

Todo 22L Convertible Tote - Del Dia

$109.99 CAD

The Del Día collection is a one-of-a-kind bag. You won't know which color you'll receive until it arrives! We'll send you a randomly selected item. Enjoy the surprise!

Guaranteed for Good™

Easy Returns and Exchanges

Lifetime Warranty + Repairs

Product Info

The Todo 22L Convertible Tote hops seamlessly between tote and backpack for adventurous days around town. Stash your laptop in the zippered internal sleeve, and a water bottle or shades in the external mesh pockets for easy access while you roam around the city.

Identical to our standard Todo 22L in features and function, this Del Día version uses high-quality remnant fabrics, making each pack one-of-a-kind.

Features

Can be carried as tote or pack
Includes front mesh slip pockets
Laptop sleeve (up to 16"")
Accessory pocket
One-of-a-kind Del Día colors

Specs

22L (1342.52 cu in): 14 x 7 x 16 in (37 x 18 x 41 cm)

SUSTAINABILITY

This tote is made from 100% recycled polyester.

About Gear For Good

Cotopaxi is committed to reducing its carbon footprint and taking responsibility for its environmental impacts. By 2045, we plan to decrease emissions across our business by 90% from our 2024 baseline year. Based on analysis, the estimated carbon footprint for this product is 20.31kg CO2e, which you can fully offset at checkout using EcoCart.

As a member of 1% for the Planet, we dedicate 1% of the revenue from your purchase to the Cotopaxi Foundation’s nonprofit partners that support communities experiencing poverty.

This product is Guaranteed for Good. Everything we make is designed to last a lifetime of adventure, but if there’s a problem with your gear, we’ll happily repair it, replace it, or reward you for reselling it through Cotopaxi Más Vida.

FACTORY INFORMATION

This tote is made from 100% recycled polyester.

About Gear For Good

As a member of 1% for the Planet, we dedicate 1% of the revenue from your purchase to the Cotopaxi Foundation’s nonprofit partners that support communities experiencing poverty.

Overall rating: 4.8533335 / 5 from 75 reviews.

AI Generated Review Summary

The Todo 22L Convertible Tote by Del Dia is a versatile bag that customers love for its vibrant colors, perfect size, and beautiful design. It features convenient pockets, comfortable straps, and is ideal for daily commutes and urban exploration.

Summary topics

Color Variety: 27%
Bag Size: 15%
Pocket Accessibility: 24%
Versatility as Tote: 15%
Backpack Strap Comfort: 12%

Review topics: [size, fit, straps, feels, colors, fabric, looks, bag, pockets, versatility, sleeves, tote, construction, quality, work, backpack, hauler, use, pack, story, gift].

Review highlights

"Adjustable shoulder straps for different body sizes would make this bag a true standout." — Selina W.
"Likes the size and style with enough pockets to hold my water and essentials." — Gwenn T.
"The colors are so bright and happy, it's easy to wash, and I'm so happy with my purchase." — Samantha U.

Reviews

Perfect versatility

"I love the versatility of this bag. It wears well as both a tote and a backpack. I travel to multiple locations for work every week, and this is a great work bag for me. I have several different pieces from the Del Día collection, and I have never been disappointed with the colors. I love the surprise, and I always get compliments on how fun the colors are."

— Joni H. (5/5)

Best Choice ever

"This is a bag that I love to take everywhere. It was perfect for the short trip and to carry my personal items. All the pockects made it easy to use everywhere and access all the items inside."

— grisel m. (5/5)

Great bag! Perfect for work

"Great bag! Perfect for work and travel. Fits my laptop and work necessary accessories plus anything that would fit in my day-to-day purse so I don’t need to carry more than one bag with me. Also fits my 40 oz water bottle well in the mesh front pocket!"

— Sabrina O. (5/5)

I LOVE THIS BAG! I

"I LOVE THIS BAG! I got this to lay flat in my carry on to have a study tote bag / backpack when I travel that wasn’t too bulky. This totally fits that need. But! I ended up liking it so much that it’s turned into my every day bag. My only wish is that the pockets on the outsides weren’t mesh, and unfortunately if you put too much in the hidden top pocket (like wallet and keys) it drags the bag down in a clunky ways. But I still love it!!"

— Anna F. (5/5)

Cute and functional

"I was looking for a quality bag that was convertible between tote and backpack. I did a lot of research before purchasing this bag. I am not disappointed at all. It's perfect for what I was looking for and I think it'll work great this summer when I'm out and about with my kids."

— Jessica J. (5/5)

Todo 22L

"This tote was specifically selected for size and ease of convertibility. I needed a bag to transport a very tall vessel on an upcoming trip and this will work perfectly. The multi color design is a fun added benefit I will continue to enjoy and imagine getting all kinds of compliments on."

— Holly H. (5/5)

Coincidence? I don't Believe in Coincidence. . . .

"While enjoying Jackson Hole, WY; my friend from Pennsylvania and I discovered Cotopaxi, a brand new store in Jackson. So new, we were two of the first 20 or so customers. In need of a carry-on sized tote, the new sales personnel were awesome and very educated on their brand new to them items. My friend found a 22 Liter Convertible Tote. Exactly what we needed for the flight home just hours later. I was so impressed by the merchandize, I returned to purchase a couple of items for myself. Thank you team members of Cotopaxi in Jackson, your customer service and products are outstanding. God Bless, Rick <><"

— Rick S. (5/5)

Perfect

"Exactly the size I was looking for. Love the flexibility of going from tote to backpack!"

— Angela W. (5/5)

The perfect bag

"I've tried backpacks, sling bags, totes. . . this hybrid tote with backpack straps is exactly what I needed to carry gear comfortably. I have big shoulders and I'm short legged; the backpack straps fit well, and the tote never drags on the ground like standard ones do. I carried it for a few hours on a light trail and it never chafed. And I love that it is made of recycled material and scraps left over from other bags, so it has a lower impact on the environment. I can't tell how well it will hold up, but it feels sturdy. I'm very impressed with it! I knew Cotopaxi made a great rainjacket because I bike with one, but now you'll be the first place I look for bags. When I need a roller carry-on I'll be back!"

— Thomas P. (5/5)

The pop of color I needed in my life

"I love the unique color blend and use this as my everyday work bag, it fits my lunch and other necessities and gives me a little bit of joy getting it packed up every morning. I also find the material is easy to clean in event of spills."

— Abigail R. (5/5)

Q&A

Durably Designed. Built To Last.

Guaranteed for Good™

We stand behind our products. That's one reason why we've received nearly 50,000 5-star reviews. If there's a problem with your product, we'll make things right.

Easy Returns

Lifetime Warranty + Repairs

Trade-In for Gift Cards

/*! 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_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: #a24c3d;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a24c3d;}.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: #a24c3d;
              /* FIX: Kalles swatches mostly use this var */
              --swatch--background: #a24c3d;}.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

Todo 22L Convertible Tote - Del Dia

Todo 22L Convertible Tote - Del Dia

The Del Día collection is a one-of-a-kind bag. You won't know which color you'll receive until it arrives! We'll send you a randomly selected item. Enjoy the surprise!

Color: Del Dia

Guaranteed for Good™

AI Generated Review Summary

Summary topics

Review highlights

Reviews

Perfect versatility

Best Choice ever

Great bag! Perfect for work

I LOVE THIS BAG! I

Cute and functional

Todo 22L

Coincidence? I don't Believe in Coincidence. . . .

Perfect

The perfect bag

The pop of color I needed in my life

Q&A

Guaranteed for Good™

Easy Returns

Lifetime Warranty + Repairs

Trade-In for Gift Cards

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