Product Page color swatches order

Hello,

I wonder if i can define an order which the color swatches are presented in the product page (either by any woodmart feature, or programatically), I attach an example, for instance the colors displayed are all out-of-stock and the only color that is available is the black that the user can only see if he click the +more colors button. I would prefer to show the in-stock products first (can be ordered by name) and then the out-of-stock