# 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" %}
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 a [custom swatch color](/spark/product-pages/variant-options/variant-swatches/use-custom-colors.md).
{% 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.

   ![](/files/L8cng8KGoTI67zAr7Fvk)
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/C4WNFfU3VQOCaDzdTwQr)

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

</details>

![](/files/EZWlIhFuhsAMYL2HmBFE)

\\

***

> **Related links**\
> [Enable swatches](https://github.com/fluorescent/kb-spark/blob/main/product-pages/variant-options/variant-swatches/broken-reference/README.md)\
> [Upload custom image swatches](/spark/product-pages/variant-options/variant-swatches/use-custom-images.md)\
> [Show swatches on collection pages](/spark/product-pages/variant-options/variant-swatches/show-on-product-cards.md)\
> [Enable dynamic option availability](/spark/product-pages/variant-options/variant-swatches/dynamic-option-availability.md)


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.fluorescent.co/spark/product-pages/variant-options/variant-swatches/use-default-colors.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.