> For the complete documentation index, see [llms.txt](https://nextsky.gitbook.io/purity-theme/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nextsky.gitbook.io/purity-theme/theme-settings/colors.md).

# Colors

Go to **Theme settings -> Colors**. Purity gives you two tools that work together: a **Palette** for storing your brand colors, and **Schemes** for applying sets of colors to sections across your store.

<figure><img src="/files/gnvxtfe5W0a9TyIv4vnJ" alt=""><figcaption></figcaption></figure>

### Palette

**Define the colors for the palette for easier use across the theme.**

The Palette gathers your store's main colors into one grid. Once a color is in the palette, you can reuse it anywhere the theme asks for a color (a color scheme, or a color setting inside a section or block) by picking the swatch instead of typing a hex code each time. Change a palette color once and every place that uses it updates automatically.

Purity comes with **7 palette colors**:

| Color            | Typical use                                   |
| ---------------- | --------------------------------------------- |
| **Primary**      | Your main brand color.                        |
| **Accent**       | A secondary color for highlights and accents. |
| **Text**         | Body text.                                    |
| **Heading**      | Headings.                                     |
| **Border**       | Borders and dividers.                         |
| **Background**   | The main background.                          |
| **Background 2** | A secondary background.                       |

#### How to use it

{% hint style="success" %}
**Step 1. Set your brand colors**

Go to **Theme settings -> Colors -> Palette**. Edit any swatch, or use the **+** button to add a new brand color (up to 20 colors).

**Step 2. Reuse them**

When you set a color in a **Scheme**, or in a section's or block's color setting, choose a swatch from your palette. You can still override any color individually if you need a one-off.
{% endhint %}

### Schemes

**Color schemes can be applied to sections throughout your online store.**

<figure><img src="/files/uqDv9PDZrjwv0baHH7y4" alt=""><figcaption></figcaption></figure>

A color scheme is a saved set of colors (background, text, headings, buttons, and so on). You assign a scheme to a section, and that section takes those colors. The Palette does not replace schemes: it sits alongside them so you can build and update schemes using your brand colors more quickly.

To assign a scheme, open any section and choose it under **Color scheme**. To create or edit schemes, use the **Schemes** list under **Theme settings -> Colors**.