Developed a comprehensive color system for Google Messages that ensures consistency, accessibility, and expressiveness.
The system adapts seamlessly between light and dark modes while maintaining visual hierarchy and brand identity.
Google Messages

Developed a comprehensive color system for Google Messages that ensures consistency, accessibility, and expressiveness.
The system adapts seamlessly between light and dark modes while maintaining visual hierarchy and brand identity.




The Messages color system leverages Material Design "You," which assigns values to tokens algorithmically and guarantees passing of a11y.
Previously, the color system was designed for white backgrounds. We decided to apply color to the background, which meant every color token had to be redefined to pass a11y and look aesthetically cohesive.



Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.
Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.






The application of an accent color to the Voice / Send button piques visual interest and encourages engagement with the most critical action.


Research highlighted that users perceived the updated color system as "modern," "cool," and sufficiently differentiated from SMS chats. Further, the new system mapped to Google's goal for a more expressive phone experience.