Color

Color can distinguish status, establish a product’s personality and draw attention to an action. In the illustration, green supports the saved state, amber draws attention to a warning, and blue emphasizes Continue.

Color meanings depend on context and culture. Pair status colors with understandable words and symbols: the checkmark and Saved label communicate the result even when someone cannot distinguish the hue.

Choose colors for a purpose. A screen with many equally strong accents makes it harder to tell which action matters most.