Skip to main content
System Colors
Updated over 2 months ago

System Colors in Play are the colors defined by Apple for Apple interfaces. These colors look good on various background colors, work with appearance modes and accessibility settings, and feel familiar to users.

Play gives you these colors, which can be used anywhere in Play. These are different from your project's Color styles. System Styles cannot be edited, so there is no concern that they'll be overridden.

You can select a System Style, or a Color Style, from the four-circle icon. The System Styles are written in blue and each has a "." in front of its title.

We'll include the System Color name in our code export, so your prototype and exported code will both update if Apple changes the colors' HEX codes.

Coming soon to System Color:

  • System Dark and Light support for all System Colors, so colors will update based on your iOS device's selected appearance mode

  • Primary, secondary, and tertiary colors

Did this answer your question?