# 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" %}
**D**efault color names will appear as-is on product pages and on the cart. In order to choose your own product variant name or different color, you will need to use a [custom swatch image](https://help.fluorescent.co/lorenza/product-pages/variant-options/variant-swatches/use-custom-images).
{% endhint %}

![](https://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-9f9facd61ff2f57170937d9fc867097f49e46b32%2Fswatches-html-names.jpeg?alt=media)

<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://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-c8c6ce87333685dab4e62c997c5ae8a5404643cc%2Fadmin-variants-add.jpeg?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://1086282208-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl6iv1HA2gJCuwR5V6stX%2Fuploads%2Fgit-blob-d96003fa3130a57c6eeadfa9022cf15b06fb2935%2Fswatches-default-names.jpeg?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**\
> [Enable swatches](https://help.fluorescent.co/lorenza/product-pages/variant-options/variant-swatches/enable-swatches)\
> [Upload custom image swatches](https://help.fluorescent.co/lorenza/product-pages/variant-options/variant-swatches/use-custom-images)\
> [Show swatches on collection pages](https://help.fluorescent.co/lorenza/collection-pages/product-grid#shows-swatches)\
> [Enable dynamic option availability](https://help.fluorescent.co/lorenza/product-pages/variant-options/variant-swatches/dynamic-option-availability)