---
url: https://docs.youcan.shop/themes/objects/color_scheme.md
---

# `color_scheme` object

A color scheme of the theme. You get one from a [color\_scheme](/themes/settings/input_settings#color_scheme) setting, and all of them from `settings.color_schemes`. See [color\_scheme\_group](/themes/settings/input_settings#color_scheme_group).

When you output a `color_scheme` object directly, you get its ID.

### Properties

***

| Name | Type | Description |
| ---- | :--: | :---------- |
| `id` | [string](/themes/basics/types#string) | The ID of the scheme, for example `scheme-1`. |
| `settings` | `object` | The values of the scheme, keyed by the setting IDs of the group `definition`. A `color` value is a [color](/themes/objects/color) object, and a `color_background` value is a string. |

```liquid
{% assign scheme = section.settings.color_scheme %}
<section class="color-{{ scheme }}" style="color: {{ scheme.settings.text }}">
```

::: tip Output

```html
<section class="color-scheme-2" style="color: #F8FAFC">
```

:::