Wear OS 適用的 Material 3 Expressive 會為其顏色角色指派不同的色調、色度和色調值，藉此建立視覺階層，有效區分醒目強調色和中性表面色。系統包含主要、次要和三次要強調色角色，不僅可強化表達方式，還可透過不同的顏色選擇，進一步掌控視覺階層。這種刻意使用顏色的方式，可確保 Watch UI 在套用主題時，仍能維持一致且協調的感受。
不同主題中不同版面配置、元件和 UI 的範例，但仍維持適當的色彩對比。
配對和重疊顏色
為了維持視覺無障礙，請只在指定的配對顏色符記中套用顏色。不當的顏色組合可能會破壞視覺無障礙所需的對比度，尤其是在透過動態顏色調整顏色時。
正確配對及疊加顏色
為確保視覺效果和無障礙功能正確無誤，請務必將正確的符記對應至正確的位置。不正確的色彩對應可能會導致視覺效果不如預期，並破壞無障礙功能。
正確做法
正確配對及堆疊顏色角色，確保適當的視覺效果和無障礙設計。
在本例中，按鈕 (2) on-primary 在 (1) primary 上，或 (4) on-primary-container 在 (3) primary-container 上，在對比度等級變更時仍可清楚辨識，且具有 7:1 以上對比度比率的 AAA 評等。
錯誤做法
不當的顏色對應可能會導致非預期的視覺效果，並破壞無障礙功能。
在本例中，如果按鈕的 (2) primary-container 使用 (1) primary，或 (4) primary-dim 使用 (3) primary-container，由於對比度等級改變，且不符合一般文字的 7:1 對比度最小值，因此會變得難以辨識。這些對比等級適用於主要、次要和三次角色。
建議的配色組合
主要 + 主要維度
請將「Primary」用於主要動作，將「Primary-Dim」用於輔助項目。這可營造深度，同時確保主要動作醒目。
主要陰影 + 次要陰影
使用「Primary-Dim」突顯重要元素，並使用「Tertiary」提供醒目回饋，例如輕觸回應。
Primary + Secondary-Container
請將 Secondary-Container 用於較不醒目的內容，而將 Primary 套用至主要元素，確保這些元素能醒目且吸引目光。
Primary + Primary-Container
請將 Primary 用於主要動作，將 Primary-Container 用於輔助或次要項目。這麼做可創造深度，同時確保主要動作能脫穎而出。
Primary-Dim + Tertiary-Dim
使用 Primary-Dim 突顯重要元素，並使用 Tertiary-Dim 提供醒目回饋，例如達成目標。
第三層 + 第一層 + 次要容器
如果不清楚主要動作為何，請將第三層和主要層結合使用，用於主要動作，並將次要容器用於輔助動作。
次要 + 主要容器
如要顯示兩個同等重要的選項或容器，但仍要讓兩者有對比，請使用「Primary-Dim」和「Secondary」。
Primary + Tertiary + Primary-Container
如果不清楚主要動作為何，請將第三層和主要層組合使用，用於主要動作，並將主要層容器用於輔助動作。
主要 + 第三次維度
將「主要」用於主要動作，將「主要維度」用於輔助項目。這麼做可創造深度，同時讓主要動作更醒目。