---
title: 'Liquid objects: swatch'
description: >-
  Color and image for visual representation.

  Available for [product option
  values](/docs/api/liquid/objects/product_option_value) and [filter
  values](/docs/api/liquid/objects/filter_value).
source_url:
  html: 'https://shopify.dev/docs/api/liquid/objects/swatch'
  md: 'https://shopify.dev/docs/api/liquid/objects/swatch.md'
api_name: liquid
---

# swatch

Color and image for visual representation. Available for [product option values](https://shopify.dev/docs/api/liquid/objects/product_option_value) and [filter values](https://shopify.dev/docs/api/liquid/objects/filter_value).

## Properties

* * **color**

    [color](https://shopify.dev/docs/api/liquid/objects/color)

  * The swatch color.

  * **image**

    [image](https://shopify.dev/docs/api/liquid/objects/image)

  * The swatch image.

##### Example

```json
{
  "color": {},
  "image": {}
}
```