When using the color swatch setting - if your options title is ‘Color’ ( in the American spelling) - it will automatically pull in colors that reference the HEX range of color names found here:
If you would like to use a custom image as your color swatch you can do so by uploading an image to your store.
We recommend using images that are 100x100px, and keeping them the same to ensure the aspect ratio is the same.
For example, if you have a color called ‘Déjà Vu Blue’, then name your image
Another example, if your color is ‘Blue/Gray’, then name your image
A more simple example, if your color is ‘Black’, then name your image
The method for upload will depend on the theme version you're currently working with:
Please navigate to:
Use the 'Add a new asset option' here:
Once on this menu, upload your .png image.
Settings → Files → Upload files
Upload your .png image
Refresh your Product page and you should now see your custom color pulling through!