Use custom colors
Last updated
Was this helpful?
Last updated
Was this helpful?
In Theme settings > Products, you can assign custom colors to product variants using a hex code color (e.g. #00b300
). Custom colors will override any default colors.
In the Custom swatch colors field, list up to 100 variant names followed by a colon and the hex code (e.g. “Green: #00b300”).
If your store uses multiple languages, add each translated variants name on a separate line with the assigned hex code.
In Theme settings > Products, list variant names followed by a colon and the hex code (e.g. “Green: #00b300”). If you store uses multiple languages, add each translated variant name with the custom hex code on separate lines.
Adding more than 100 custom swatch colors can cause a ‘500’ error on your store and stop collection pages from loading. Consider using Custom swatch images for larger sets of variant swatches.
To find the hex code for the color you want, you can use a . When you choose your color, select and copy the six-character hex code, including the hashtag symbol.
For sibling products, use the Option name added to the metafield you created. See the to learn more.
Related links