Color swatches
How to add color swatches to the Flex theme
Color swatches in Flex by Out of the Sandbox: metaobject swatches from 7.0.0, Product form settings, and collection-page options.
- Flex Paid theme
- By Out of the Sandbox
- $495
- Native swatches: yes
- Version 7.0.0
Shopify theme
The Flex Shopify theme.
Flex is a paid Shopify theme by Out of the Sandbox, sold on outofthesandbox.com for $495. The current version is 7.0.0 (September 11, 2026). It supports Shopify's native color swatches from version 7.0.0.
The facts.
From the Shopify Theme Store and Out of the Sandbox's documentation. A setting we could not confirm in the vendor's own documentation says "not confirmed by the vendor".
Checked
| Theme | Flex |
|---|---|
| Vendor | Out of the Sandbox |
| Price | $495 Price on outofthesandbox.com, checked October 23, 2026. Vendor prices can change without notice. |
| Free or paid | Paid |
| Where it is sold | Sold on outofthesandbox.com |
| Status | Current theme |
| Online Store 2.0 | Yes |
| Current version | 7.0.0 (September 11, 2026) |
| Native color swatches | Yes From version 7.0.0. |
| Variant picker block | No block of that name documented |
| Swatch setting | Theme settings > Product form > Show color swatches; Swatch style: Rounded / Squared; Color option style: Color swatch / Variant image |
| Swatches on product cards | No setting documented |
| Swatch documentation | Out of the Sandbox's documentation |
| Last checked | October 23, 2026 |
Image sizes.
The sizes Flex's documentation gives, each linked to its page. The image size checker applies them to your own files.
| Favicon | 64 x 64 px PNG. Source: Out of the Sandbox's documentation. |
|---|---|
| Logo | 600 x 200 px Main menu, overlay and mobile logo; footer 500 x 200. Source: Out of the Sandbox's documentation. |
| Product images | 1024 x 1024 px Source: Out of the Sandbox's documentation. |
| Collection banner | 1800 x 800 px Source: Out of the Sandbox's documentation. |
| Slideshow and hero | 1600 x 1000 px Slideshow with text; image with text overlay 1800 x 900. Source: Out of the Sandbox's documentation. |
| Swatch images (older swatch method) | 50 x 50 px 50 x 50px or larger PNG. Source: Out of the Sandbox's documentation. |
Guides for Flex.
Tool
Theme image size checker
Drop in product photos, banners and logos to check them against Shopify's limits and Flex's documented sizes.
Swatch apps for Flex.
The apps the Flex swatch guide suggests, and what each App Store listing says about theme support (checked October 23, 2026). Ratings and the full comparison are on the color swatch hub.
| App | From | Theme support | Collection pages |
|---|---|---|---|
| GLO Color Swatch Variant Image | $9.90/month | Listing says it works with all themes | Yes |
| Color Swatch Pug | $6.99/month | Listing names no themes | Yes |
| OP Color Swatch Variant Images | $11.90/month | Listing offers theme setup help, names no themes | Not listed |
More from Out of the Sandbox.
Other themes by Out of the Sandbox with profiles here:
Sources.
Every fact above comes from one of these pages. The swatch guide lists the Shopify help pages its steps rely on.
Set up swatches on Flex.
Shopify's own swatches, an app or the code route, with the setting names for this theme.