> For the complete documentation index, see [llms.txt](https://awecommerce.gitbook.io/awe-color-swatches/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://awecommerce.gitbook.io/awe-color-swatches/getting-started/option-styles/custom-colors-and-images.md).
# Custom colors & images
Set a color, a two-color split or your own image for each option value.
With **Custom swatch** or **Custom card**, you decide what each value looks like — a color, two colors, or your own picture.
To get started:\
Go to **Option styles**, set an option to **Custom swatch** or **Custom card**, then click the **gear icon** next to it.
***
## 1. **Set each value**
The **Custom swatch** window lists every value of the option. Use **Search variant value** to find one.
1. Search values. 2. Add colors or upload an image. 3. Apply the changes with Done.
Add color 1
Pick a color or type a hex code, e.g. #1F4E79.
Add color 2
Add a second color for a two-color split — great for "Black & White".
Upload file
Use your own picture — a fabric, a print, a pattern.
JPG, PNG, WebP or GIF, up to 5 MB.
→ *A value uses either colors **or** an image. Uploading an image clears the colors, and picking a color clears the image.*
## 2. **Save**
Click **Done** to close the window, then click **Save** in the save bar at the top. Nothing changes on your store until you save.
## 3. **Good to know**
* Common color names are filled in for you — a value called "Red" or "Navy" already has a color, and "Red/Blue" gets two colors.
* Colors and images are set **per value, store-wide**: "Red" in **Color** looks the same on every product and on both the product and collection pages.
* If a value is removed from all your products, its color or image is removed too.
***
💬 If you have any related questions, please contact us via **Live chat** in the app.
