Color swatches
Color swatches (when enabled) are automatically generated from the color product option. Color option name trigger can be edited from theme translations and it defaults to Color. Search for "color swatch identifiers" in online store "Edit Languages" view.
Color swatches can be enabled from Theme Settings -> Product grid, card and swatches -> Color swatches
We suggest also adding storefront filter for the color option. Learn how to.
---
Swatch colors are automatically generated based on the color option value. This means that e.g. black generates color black.
However, these default colors are not always ideal. For that reason you can override these colors by uploading a file to Files section of your store.
If you wish to override the color black, then you should create a file named black.png or black.jpg and upload it to Files.
For color names with space, replace all spaces with a dash. For example "Midnight Black" should be midnight-black.png or midnight-black.jpg
Note: Make sure that file name is always written in lowercase.