כאשר מגדירים Metafield definition עם Content type מסוג Color, ממשק האדמין של שופיפיי מציג color picker גרפי במקום שדה טקסט חופשי. הערך נשמר פנימית כמחרוזת HEX (למשל `#D4A017`) ונחשף דרך Liquid כ-`{{ product.metafields.custom.main_color.value }}` — ניתן להשתמש בו ישירות בתוך `style="background-color: ..."` בתבנית, או להעביר אותו כ-CSS variable.
בחנויות המוכרות מוצרים עם וריאציות צבע (אופנה, ריהוט, צבעי קיר) מטא-שדה מסוג Color שימושי לצגיות צבע מותאמות על עמוד המוצר, מבלי להסתמך על שם הוריאנט כטקסט חופשי. חשוב לא לבלבל בין Content type זה לבין שדה `option` של וריאנט — מטא-שדה צבע מוסיף מידע עיצובי, לא יוצר לוגיסטיקה של מלאי.