> For the complete documentation index, see [llms.txt](https://help.accentuate.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://help.accentuate.io/use-case-guides/home-and-living/color-palette.md).

# Color Palette

OVERVIEW &#x20;

The Color Palette field captures the overall colour family or tonal group a Home & Living product belongs to. Unlike a specific colour variant (which Shopify handles via product options), Color Palette describes the broader palette character of a product — 'Warm tones', 'Neutral tones', 'Earth tones' — enabling customers to shop by how a product will relate to an existing room palette.

A product can have a specific colour (terracotta) and a palette family (Warm tones, Earth tones). Both are useful. The specific colour belongs in the product variant or the colour metafield. The palette family belongs here. This enables a customer to filter for 'all products in a warm palette' across diverse product types — cushions, lamps, storage baskets — and build a coherent room aesthetic.

&#x20;&#x20;

BUSINESS VALUE &#x20;

Why this field matters

* Color palette is the primary visual filter in home decor browsing — customers match to their room, not to a product category
* Palette-based filtering reduces decision fatigue — 'show me everything in neutral tones' is a high-converting filter
* AI visual recommendation systems use palette to surface complementary products across categories
* Interior design editorial content (mood boards, room guides) is organised by palette — structured data enables product linking
* Palette grouping allows smaller catalogues to appear more cohesive — even 50 products feel curated when palettes are consistent
* Seasonal merchandising (autumn warm tones, spring pastels) can be automated using palette filter logic

&#x20;&#x20;

ACF SETUP &#x20;

How to configure this field in Accentuate Custom Fields

| Where       | ACF dashboard → Templates tab → Product scope → Add new field |
| ----------- | ------------------------------------------------------------- |
| Label       | Color Palette                                                 |
| Name / Key  | color\_palette                                                |
| Namespace   | accentuate (default)                                          |
| Field type  | Shopify >> Single-line text (List)                            |
| Multi-value | Yes — a product can span multiple palette families            |

| Note: Color Palette is not a colour picker or a hex code — it is a palette family classification. Do not use specific colour names ('terracotta', 'forest green') as the palette value — those belong in a dedicated Colour field or variant option. Use palette families here: 'Warm tones', 'Earth tones', 'Neutral tones'. |
| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

&#x20; <br>

STEP-BY-STEP IN ACF &#x20;

* Open ACF, go to Templates tab and select the Product scope
* Click 'Add new field'
* Label: 'Color Palette' — Key auto-fills as 'color\_palette'
* Namespace: leave as 'accentuate'
* Field type: Shopify >> Single-line text (List)
* Enable 'Allow multiple selections' — a product with a warm base and metallic accents spans two palette families
* Click Done, then Save
* Assign palette families based on the dominant colour impression of the product, not just its primary colour

&#x20;&#x20;

REFERENCE VALUES &#x20;

Example values — classify by overall tonal impression, not specific colour

| Value                 | When to use                                                                               |
| --------------------- | ----------------------------------------------------------------------------------------- |
| Neutral tones         | Whites, off-whites, beiges, light greys — foundational palette that works with anything   |
| Monochrome            | Black and white palette — high contrast, graphic, minimal colour variation                |
| Warm tones            | Browns, terracottas, ambers, warm reds, warm oranges — creates warmth and cosiness        |
| Cool tones            | Blues, greens, cool greys, slates — creates calm and freshness                            |
| Pastel colors         | Muted, softened versions of any hue — pale pink, sage, dusty blue, soft lavender          |
| Earth tones           | Muted naturals — clay, stone, sand, ochre, olive — grounded organic palette               |
| Bold / vibrant colors | High saturation, strong hue — cobalt blue, deep emerald, burnt orange, fuchsia            |
| Natural wood tones    | Oak, walnut, pine, ash wood tones — warm or cool depending on species                     |
| Metallic accents      | Gold, brass, silver, copper — used as accents or dominant finish                          |
| Mixed palette         | Product intentionally combines contrasting palettes — pattern mixing, maximalist products |
| Dark tones            | Deep charcoals, navies, forest greens, blacks — moody, dramatic palette                   |
| Custom color          | Bespoke or made-to-order colour options outside standard palette families                 |

&#x20; <br>

BEST PRACTICES &#x20;

* Classify by the dominant visual impression — a predominantly neutral product with a small terracotta detail is 'Neutral tones', not 'Warm tones'
* Use 'Metallic accents' as a secondary value when metal finishes are a visible design feature, even if the product is predominantly another palette
* Establish a brand palette standard — decide which palette families your catalogue represents and stick to them
* Review palette assignments for seasonal collections — an autumn collection may require reclassifying existing products
* Do not use specific colour names as palette values — 'terracotta' is a colour; 'Warm tones' and 'Earth tones' are palette families

&#x20; COMMON MISTAKES &#x20;

* Using specific colours ('Sage green', 'Terracotta') as palette values — specific colours belong in a Colour field, not Color Palette
* Assigning too many palette families to a single product — a product cannot genuinely belong to every palette; limit to 2–3 maximum
* Ignoring accent colours — a white sofa with brass legs is 'Neutral tones' AND 'Metallic accents'
* Not using a consistent palette vocabulary — 'Warm' and 'Warm tones' are different values and will not filter together
* Assigning 'Bold / vibrant colors' to products that are merely darker neutrals — this dilutes the palette filter's usefulness

&#x20;&#x20;

IN CONTEXT &#x20;

| Terracotta Ceramic Table Lamp | <p><br></p>               |
| ----------------------------- | ------------------------- |
| Room                          | Living room, Bedroom      |
| Style                         | Bohemian, Rustic, Coastal |
| Material                      | Ceramic, Linen shade      |
| Color palette                 | Warm tones, Earth tones   |
| Indoor / Outdoor              | Indoor only               |

&#x20;&#x20;

<br>

DEVELOPER IMPLEMENTATION &#x20;

| Liquid note: Shopify >> List — use .value for the array. Color palette tags are ideal for visual collection pages — render palette swatches or colour mood images alongside filtered product grids. |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

<br>

Liquid — Storefront Rendering

\| <p>{% comment %}</p><p>Color Palette — Shopify >> Single-line text (List)</p><p>Namespace: accentuate | Key: color\_palette</p><p>Use for palette-based collection filtering and mood board features</p><p>{% endcomment %}</p><p>{% assign palettes = product.metafields.accentuate.color\_palette.value %}</p><p>{% if palettes != blank %}</p><p>  \<div class="color-palette-tags"></p><p>    {% for palette in palettes %}</p><p>      \<span class="palette-tag">{{ palette }}\</span></p><p>    {% endfor %}</p><p>  \</div></p><p>{% endif %}</p> |
\| ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

<br>

| Pro tip: Build a seasonal palette shop using color\_palette as the collection condition. A 'Warm Autumn Tones' collection filtered by color\_palette = 'Warm tones' AND color\_palette = 'Earth tones' surfaces exactly the right products for seasonal home refresh campaigns — with no manual curation. |
| --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |

&#x20;&#x20;

<br>

SEE ALSO &#x20;

* Style — palette and style are closely related; Scandinavian style typically means Neutral tones or Natural wood tones
* Room — palette choices are often room-specific (bathrooms lean neutral and cool; living rooms span warm and earth tones)

| Full ACF documentation: help.accentuate.io \| Metafield Definitions → Fields → Field data type → Shopify field types |
| -------------------------------------------------------------------------------------------------------------------- |

<br>


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://help.accentuate.io/use-case-guides/home-and-living/color-palette.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
