Color boxes filter style can be used in both single-select and multi-select filter types to filter the Woocommerce Color attribute.
To setup a Woocommerce products Color attribute filter with the color box controls, select the Color boxes option from the Filter style select box.
You will see a list of the current filter items with the color-picker control next to each of them. Select the needed colors with the help of the color picker (or enter their hex codes directly into the hex code box), and set the Display label option as needed.
If you need your color boxes to show in a row, select the Display items in a row option right underneath the Filter style section.