---
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).
api_name: liquid
source_url:
  html: 'https://shopify.dev/docs/api/liquid/objects/swatch'
  md: 'https://shopify.dev/docs/api/liquid/objects/swatch.md'
---

# 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": {}
}
```