> For the complete documentation index, see [llms.txt](https://help.fluorescent.co/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.fluorescent.co/context/product-pages/variant-swatches/use-default-colors.md).

# Use default colors

{% hint style="danger" %} <mark style="color:red;">Theme retirement</mark> | Context is no longer available on the Shopify theme store. **Theme support and updates for current users will end after May 18, 2024**. [Learn more here](/context/readme/theme-retirement.md).
{% endhint %}

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" %}
**Note |** These 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 [custom swatch images](https://github.com/fluorescent/kb-context/blob/main/product-pages/variant-swatches/use-custom-image.md).
{% endhint %}

![](/files/YcHVvqv30JpsXNoKMV3T)

<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.

   ![](/files/IonHzPcxUmUbV5GWexsJ)
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.

   ![](/files/mR87sKUeHRxDb6Ajilsf)

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

</details>

<br>

***

> **Related links**\
> [Enable swatches](/context/product-pages/variant-swatches/enable-swatches.md)\
> [Upload custom image swatches](/context/product-pages/variant-swatches/use-custom-images.md)