Ecommerce question about products and navigation

I’m trying to set up a page for a category of products that has around 100 color variants.

They’re spraycans and I want to have the end user to be able to see the whole color chart but also use that as a nav to get to the product pages.

Here’s the page on the staging site. https://modusmuralsupplies-staging.webflow.io/spraypaint

As I see it, the product pages in ecommerce are a totally different CMS than a regular collection list.

I’d like to create a collection list for the colors that would add to a color chart. I would like to add interactions on hover that would change the product on the left.

What’s the best way to do something like this?

Here is my site Read-Only: LINK
(how to share your site Read-Only link)