ב-Shopify דוגמיות הצבע מיוצגות בדרך כלל כוריאנט (variant) של מוצר עם אופציית "Color" (או שם מותאם). התבנית אחראית להציג את ערכי הוריאנט כ-swatches ויזואליים במקום כ-dropdown. תבניות מסוימות תומכות בזה אוטומטית — כולל שיוך של תמונה ייחודית לכל דוגמית. תבניות אחרות דורשות אפליקציה צד שלישי או קוד Liquid מותאם כדי להציג swatch אמיתי.
בחנות עברית חשוב לשים לב שגם תוויות הצבע ("אדום", "כחול נייבי", "שמנת") מוצגות ב-RTL ובעברית תקינה בתוך tooltip או label שמופיע ב-hover. מטא-שדות מסוג Color (עם color picker מובנה) יכולים לשמש להגדרת ערך ה-HEX לכל וריאנט, מה שמאפשר לתבנית לצבוע את ה-swatch אוטומטית לפי הצבע המדויק — בלי לסמוך על שם הצבע כ-CSS class.