Color Palette
OVERVIEW
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.
BUSINESS VALUE
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
ACF SETUP
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’. |
|---|
STEP-BY-STEP IN ACF
- 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
REFERENCE VALUES
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 |
BEST PRACTICES
-
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
COMMON MISTAKES
-
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
IN CONTEXT
| Terracotta Ceramic Table Lamp | |
|---|---|
| Room | Living room, Bedroom |
| Style | Bohemian, Rustic, Coastal |
| Material | Ceramic, Linen shade |
| Color palette | Warm tones, Earth tones |
| Indoor / Outdoor | Indoor only |
DEVELOPER IMPLEMENTATION
| 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. |
|---|
Liquid — Storefront Rendering
|
{% comment %}
Color Palette — Shopify >> Single-line text (List)
Namespace: accentuate | Key: color_palette
Use for palette-based collection filtering and mood board features
{% endcomment %}
{% assign palettes = product.metafields.accentuate.color_palette.value %}
{% if palettes != blank %}
<div class=“color-palette-tags”>
{% for palette in palettes %}
<span class=“palette-tag”>{{ palette }}</span>
{% endfor %}
</div>
{% endif %}
| | ———————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————– || 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. |
|---|
SEE ALSO
- 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 |
|---|
