UI Element Colors

The standard color objects for use with labels, text, backgrounds, links, and more.

Topics

Label Colors

labelColor

The color for text labels containing primary content.

Beta
secondaryLabelColor

The color for text labels containing secondary content.

Beta
tertiaryLabelColor

The color for text labels containing tertiary content.

Beta
quaternaryLabelColor

The color for text labels containing quaternary content.

Beta

FIll Colors

systemFillColor

An overlay fill color for thin and small shapes.

Beta
secondarySystemFillColor

An overlay fill color for medium-size shapes.

Beta
tertiarySystemFillColor

An overlay fill color for large shapes.

Beta
quaternarySystemFillColor

An overlay fill color for large areas containing complex content.

Beta

Text Colors

placeholderTextColor

The color for placeholder text in controls or text views.

Beta

Standard Content Background Colors

Use these colors for standard table views and designs that have a white primary background in a light environment.

systemBackgroundColor

The color for the main background of your interface.

Beta
secondarySystemBackgroundColor

The color for content layered on top of the main background.

Beta
tertiarySystemBackgroundColor

The color for content layered on top of secondary backgrounds.

Beta

Grouped Content Background Colors

Use these colors for grouped content, including table views and platter-based designs.

systemGroupedBackgroundColor

The color for the main background of your grouped interface.

Beta
secondarySystemGroupedBackgroundColor

The color for content layered on top of the main background of your grouped interface.

Beta
tertiarySystemGroupedBackgroundColor

The color for content layered on top of secondary backgrounds of your grouped interface.

Beta

Separator Colors

separatorColor

The color for thin borders or divider lines that allows some underlying content to be visible.

Beta
opaqueSeparatorColor

The color for borders or divider lines that hide any underlying content.

Beta

Link Color

linkColor

The color for links.

Beta

Nonadaptable Colors

darkTextColor

The nonadaptable system color for text on a light background.

lightTextColor

The nonadaptable system color for text on a dark background.

Deprecated Colors

groupTableViewBackgroundColor

The system color to use for the background of a grouped table.

Deprecated
scrollViewTexturedBackgroundColor

The system pattern color to use for the area behind scrollable content.

Deprecated
underPageBackgroundColor

The system pattern color to use for the background of a page.

Deprecated
viewFlipsideBackgroundColor

The system color to use for the back side of a view when it is flipped.

Deprecated

See Also

Getting Existing Colors

Standard Colors

The standard color objects for specific shades such as red, blue, green, black, white, and more.

Beta Software

This documentation contains preliminary information about an API or technology in development. This information is subject to change, and software implemented according to this documentation should be tested with final operating system software.

Learn more about using Apple's beta software