

For example, using an icon or a label in addition to using red, yellow, or green when communicating the status of something ensures that the status is visible to merchants who are color blind. However, you should never convey information using color alone. Sufficient contrast makes things easier to find, identify, and interact with for all merchants.

The color system is designed to meet WCAG 2.1 contrast ratios. Color can help communicate things like hierarchy of information, interactive states, and distinct elements, all of which make it easier for merchants to get their work done. Reinforce the purpose of the pageĪlways use color that supports the purpose of the content and the overall goal of the page. Color is a powerful tool that helps merchants quickly navigate and manage their businesses in the Shopify Admin.
