How can I modify my product variant color swatch display?

Hi there,

I have attached 2 screenshots of 2 different product displays, one is my current store, the other is how I would like it to look; they are named as such.

I am just wondering what would the best way to go about achieving this?

I appreciate any help at all that can be given, thank you in advance.

Regards,

Sonel