Hello,

Try to create a color attribute and configure the term about color swatch. Then Go to Theme Settings > Shop > Variable products > Choose the color attribute that will be shown on the product grid.

Then Try to create an attribute and configure the term about image swatch. And configure the attributes and variations in the edit product page.
Please check this manual:
https://xtemos.com/docs-topic/variable-products-and-swatches/

Best Regards.