---
title: 'Liquid objects: color_scheme'
description: >-
  A color_scheme from a [`color_scheme`
  setting](/themes/architecture/settings/input-settings#color_scheme).
api_name: liquid
source_url:
  html: 'https://shopify.dev/docs/api/liquid/objects/color_scheme'
  md: 'https://shopify.dev/docs/api/liquid/objects/color_scheme.md'
---

# color\_​scheme

A color\_scheme from a [`color_scheme` setting](https://shopify.dev/themes/architecture/settings/input-settings#color_scheme).

***

Tip

To learn about color scheme groups in themes, refer to [`color_scheme_group` setting](https://shopify.dev/themes/architecture/settings/input-settings#color_scheme_group).

***

## Properties

* * id

    [string](https://shopify.dev/docs/api/liquid/basics#string)

  * The ID of the color\_scheme

  * settings

  * The [settings](https://shopify.dev/docs/themes/architecture/settings/input-settings#color_scheme_group) of the color\_scheme.

```json
{
  "id": "background-2",
  "settings": {}
}
```

##### Example

```
{
  "id": "background-2",
  "settings": {}
}
```

### Referencing color\_scheme settings directly

When a color\_scheme setting is referenced directly, the color scheme ID is returned.

```liquid
{{ settings.card_color_scheme }}
```

##### Code

```
{{ settings.card_color_scheme }}
```

##### Data

```
{
  "settings": {
    "card_color_scheme": {}
  }
}
```

## Output

```html
background-2
```