9 Shopify Color Swatch Apps for Stores With Variants

Picture a shopper on her phone looking at a jumper that comes in eleven colours. Your theme gives her a dropdown that says Colour: Oatmeal. She has no idea what oatmeal looks like next to stone, so she taps, waits, scrolls back up to the photo, and does it again. By the fourth colour she's gone. A row of little colour dots fixes that in one glance, which is the whole reason this category exists.

Which kind of swatch app fits your store

If your store...	Look for	Why
Sells simple variants (colour, size) and nothing custom	A swatch-only app	Fewer settings to learn, and nothing else touching your product form
Sells the same style as separate products per colour	An app that groups related products as variants	Lets one product page show swatches that jump to the sibling products
Has lots of photos per colour	A variant images app with swatches	Stops the gallery showing every colour's photos at once
Sells engraving, uploads, add-ons or made-to-order	A product options app with an image or colour swatch option type	Swatches come as one option type among many, with conditional logic
Wants shoppers to choose colour from the collection grid	Collection page display stated on the listing	Many swatch apps work on the product page and stop there

The fork that decides it: swatches alone or swatches inside options

Shopify files these apps under Product variants, inside the Selling products category of the App Store, and listings carry a Swatches feature filter. That filter will hand you two very different animals. One kind does a single job: it reads the variants you've already set up in Shopify admin and draws them as dots, tiles or buttons. The other kind is a full product options builder where a swatch is one field type next to text boxes, file uploads, date pickers and priced add-ons.

The difference matters more than it sounds. Shopify variants are real inventory: each one has its own SKU, stock count and price. Options built in an options app are typically extra fields added to the product form rather than new variants, so check whether the app you pick can track stock for them before you rely on it. If your colours are real stock you need to track, a swatch-only app that styles your existing variants is the cleaner fit. If your colours are a choice the customer makes for a product you build to order (thread colour on an embroidered cushion, say), an options app is the right home for them.

I'd go further: if you don't sell anything personalised today, don't install an options app just for its swatches. You're adding a second product form to every page, and every theme update is one more thing to retest. If you already need custom fields, though, one options app with swatches beats two apps fighting over the same product form. My guide to Shopify product options apps goes deeper on that side of the fork.

Three things to check on any listing

Collection page swatches. Showing colour dots under each product in the grid lets a shopper filter by eye before clicking. Some listings state product and collection page support plainly; if the listing only mentions the product page, assume that's where it stops until the developer tells you otherwise.

Multiple images per colour. Shopify lets you attach an image to a variant, but a store with six shots of every colour wants the gallery to swap to that colour's set when a swatch is tapped. That's a variant images feature, and it's often sold as its own app with swatches bundled in. Without it, your gallery shows every colour's photos in one long row.

Sold-out handling. A greyed or crossed-out swatch tells a shopper the navy is gone before she falls for it. Some listings mention out-of-stock greying or sold-out badges, and it's worth reading the screenshots to see what it looks like on a phone.

Two smaller checks. Bulk setup: some apps create swatches across every product in one pass, others let you pick products, and on a catalogue of a few hundred items that's the difference between an afternoon and a week. And image swatches versus colour codes: a flat hex colour can't show a tweed, a print or a two-tone strap, so if you sell patterns you'll want swatches built from small fabric images.

What changed on the App Store

A few apps that rank for swatch searches no longer install. Listings for some once-familiar swatch apps now read 'not currently available on the Shopify App Store', so check the Install button is live before you build a plan around a name you remember from an old forum thread. The other shift is consolidation: a good share of what turns up under the Swatches filter is a wider options or variant images app with swatches inside, so filter, then read what the app's main job is.

What you'll pay

Every app on this list bills as a monthly Shopify subscription in tiers. On the vendors' own App Store pages this month, the lowest paid tiers run from about $5 to $25 a month, and the highest monthly tiers reach about $100. Six of the nine list a free plan on their App Store page, and the other three offer a free trial before billing starts. Annual billing at a discount shows up on some listings, which is worth taking only after a month of live use. What pushes you up the tiers varies by app, so read the plan table for the limit you'll hit first, such as the number of products with swatches or access to collection page display.

Before you install anything, open your theme's settings and look at the variant picker: if it already offers colour swatches, you might not need an app at all. And if you're choosing a theme now, my list of Shopify themes is a good place to start.

Run this test before you commit

You can do this in under an hour on a single product.

Duplicate your live theme first (Online Store, Themes, then Duplicate from the three-dot menu on your current theme) and install the app against the copy, so nothing you try reaches customers. Pick your most awkward product: the one with the most colours, ideally a pattern or two, and a sold-out variant. Set up swatches on that product alone, then open the preview on your phone, not your laptop. Tap through every colour and watch three things: does the main image change to the right colour, does the price update if variants differ in price, and is the sold-out colour obvious without reading anything. Then go to the collection page and see whether the swatches appear there and whether tapping one opens the product on the right colour.

Finally, check the speed. Load the product page with the app's swatches on and off and compare how fast the first image appears. If a dozen dots make the page feel slower on a mid-range phone, keep looking.

Watch for three slips while you test. First, labelling swatches with names nobody understands: oatmeal, biscuit and fawn mean something to your buyer, not your shopper. Use an image swatch and keep the plain name as the tooltip. Second, leaving the theme's own dropdown visible alongside the app's swatches, so shoppers see two selectors that can disagree. Third, forgetting the uninstall: apps that inject code into a theme can leave snippets behind, which is another reason to trial on a duplicate.

And don't judge an app by the demo store. Demo products have four tidy colours. Yours might have twenty-three, a few with no stock and one that's preorder only, and that's what you need to see working.

Do you make Shopify swatch or variant apps? Tool makers can ask to be considered for a featured place on this list.

Apps that put swatches front and centre

Color Swatch King: Variants

A swatch-focused app that turns dropdowns into colour, image or text swatches on product and collection pages, with sold-out and sale badges.

GLO Color Swatch Variant Image

Worth a look if you list each colour as a separate product and want them grouped as swatches on one page.

Rubik Variant Images & Swatch

For catalogues with several photos per colour: it assigns image sets to variants and adds colour and image swatches.

Easy Color Swatches

Converts variant dropdowns into swatches, either across the whole catalogue in bulk or on products you pick.

Swatches Dotify

A swatch app replacing dropdowns with visual colour and image selectors, and greying out variants that are unavailable.

Options builders with swatches built in

OPTIS Product Options, Variant

Personalisation-heavy stores use it for text fields, file uploads, priced add-ons and a live preview, with swatches as one option type.

SC Product Options

A customisation app with conditional logic, unlimited option sets and swatch display, for products with many dependent choices.

Easify Custom Product Options & Customizer

Custom options with text inputs, uploads, add-ons and an image swatch field, handy where shoppers type a name or upload artwork.

Aris Product Options, Variants

Built for complex configurations: more than thirty option types, conditional logic and colour or image swatches.

Where to start

Pick the narrowest app that covers your three checks. If you sell stock in colours, start with a swatch-focused app and only move to an options builder when personalisation arrives. If the product page needs work beyond the variant picker, a Shopify page builder is the next thing to look at.

Want your tool on this list? Featured spots and reviews here are paid partnerships. Here's how to partner with me.