# Color swatches

{% embed url="<https://salesiq.zohopublic.in/signaturesupport.ls?widgetcode=siq93f38201da244cbe219b2cab71813c85342abc57dd769c6885e2bde57d2b90da>" %}

## Setting up color swatches <a href="#setcolorswatch" id="setcolorswatch"></a>

You can add color swatches to your product page, collection pages, and home page across the theme using these settings that you see in the below screenshot:

<figure><img src="https://3173492168-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FfToP25M1aksUElZIx0oN%2Fuploads%2FhAwyiWEpbkOD7fX3BAXV%2Fcolor_swatches.png?alt=media&#x26;token=b98c5e58-0a3b-4e4b-9815-0d575fc8be0c" alt=""><figcaption></figcaption></figure>

## Working of swatches

Once you enable the color swatch settings, Piano will look for any variant with the name "Color."

<figure><img src="https://content.gitbook.com/content/fToP25M1aksUElZIx0oN/blobs/Y9BmVlmXaNJxCekfgY45/variant-name.png" alt=""><figcaption></figcaption></figure>