Colour Swatch not displaying Habitat theme

Topic summary

Color swatches in the Habitat theme are displaying incorrectly—only shades of green appear despite dozens of distinct product colors. The aim is to have accurate swatches (small color selectors) reflect each product’s true color.

Swatch assets are image files labeled with numeric color codes rather than names. A corresponding custom list was added in the theme’s color swatch settings, but it hasn’t resolved the display issue.

Visual evidence is provided via screenshots of both the swatch display and the theme settings; these images are central to understanding the problem.

Next steps: A helper requested the store URL (and password, if applicable) to review the live setup and suggest a fix.

Status: No resolution yet. The thread is awaiting access to diagnose whether the issue stems from configuration, naming/lookup of swatches, or theme logic.

Summarized with AI on January 11. AI used: gpt-5.

Hi there,

I am creating an updated store using the Habitat theme. I am having trouble with the colour swatches, which are displaying like this:

We have dozens of product colours and they are not all of this green spectrum. I have the file images labelled with the colour number (they don’t have names) and i have included a list in the theme settings colour swatch drop down:

Can anyone please help me to figure out how to display all of the colours properly in the swatch?

Thank you…

Hi @LizLVRV123 ,
Can you kindly share your store link (with the password, if any) with us? We will check it and suggest you a solution if possible.