# Use default colors

Find a color you want to use on this list of [140 default web colors](https://htmlcolorcodes.com/color-names/), then enter that exact color name as the **Option value** for a product variant in your Shopify admin.

{% hint style="warning" %}
Default color names will appear on your product pages and in the cart. In order to choose your own product variant name or different color, you will need to use a [custom web color](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/use-custom-colors).
{% endhint %}

<details>

<summary><mark style="color:blue;"><strong>STEPS</strong></mark></summary>

In your **Shopify admin**:

1. Go to your **Products** to click the product you want to edit.
2. Under **Variants**, click **Add options like size and color** checkbox if you're adding variants for the first time.

   ![](https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fgit-blob-22ac907a7532b73f21d17abf8f73e5fba84b26af%2Fadmin-variants-add.png?alt=media)
3. Add the **Option name** (e.g. "Color" or "Material").

   > Remember to add this option name in your **Theme settings** to enable swatches.

   > See Shopify's [Variants guide](https://help.shopify.com/en/manual/products/variants) for more information about product options.
4. Enter the exact name of a [default color](https://htmlcolorcodes.com/color-names/) in the **Option values** field for your variant.

   ![](https://475958657-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fyt3Wwaqhge0XvrXmVj7D%2Fuploads%2Fgit-blob-2c054f5ff30d265b68a1562c7fae8a83a24c2fde%2Fswatches-default-names.png?alt=media)

   > If your store uses multiple languages, you will need to use custom colors or images.
5. Click **Done**.
6. Click **Save**.

</details>

\\

***

> **Related links**\
> [Use custom color swatches](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/use-custom-colors)\
> [Upload custom image swatches](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/use-custom-images)\
> [Change swatch styles](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/change-swatch-styles)\
> [Show swatches on product cards](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/show-on-product-cards)\
> [Enable dynamic option availability](https://help.fluorescent.co/cornerstone/product-pages/variant-options/variant-swatches/dynamic-option-availability)