COLOR SWATCHES
There are cases when the color variations on your site are not properly displayed, only an empty button in the front-end. That is because you haven’t configured the values for each variation (terms) when the Color type is chosen for the swatches.
Under the Attributes section that lists all attributes and corresponding terms, click on the Configure the terms button, then choose to Edit each term and set a value (color code) for them.
Color terms that have no specified color code or value will display an empty swatch in the frontend. Please pay attention to this when you choose the Color swatches.