Generally, when you publish our products to your Shopify store, the color values will be the base color of the product template rather than the color of your designs.
If you combine different designs of the same product and want to change the color options of the products shown on your storefront, please follow the steps below.
Here is the guidance on how to combine products.
Step 1: Publish combined products to store
Publish combined products to your store first but set it Inactive. Since Shopify allows sellers to create up to 100 variants for a product, we suggest you check the variants of products before you combine and publish them. For shoes, we suggest you combine at most 4 of them.
Learn more about the variants’ limitations on Shopify here.
Step 2: Modification color value on Shopify
Log in to your Shopify admin, click Products to find the combined product, and click it to modify the Option name and Option values of the product.


For example, I change those two values mentioned above as below,

And then save the changes, set the product’s status to Active. That’s what it looks like on your storefront.

Try this out!