UI Element Colors

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

Topics

Label Colors

class var label: UIColor

The color for text labels containing primary content.

Beta
class var secondaryLabel: UIColor

The color for text labels containing secondary content.

Beta
class var tertiaryLabel: UIColor

The color for text labels containing tertiary content.

Beta
class var quaternaryLabel: UIColor

The color for text labels containing quaternary content.

Beta

FIll Colors

class var systemFill: UIColor

An overlay fill color for thin and small shapes.

Beta
class var secondarySystemFill: UIColor

An overlay fill color for medium-size shapes.

Beta
class var tertiarySystemFill: UIColor

An overlay fill color for large shapes.

Beta
class var quaternarySystemFill: UIColor

An overlay fill color for large areas containing complex content.

Beta

Text Colors

class var placeholderText: UIColor

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.

class var systemBackground: UIColor

The color for the main background of your interface.

Beta
class var secondarySystemBackground: UIColor

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

Beta
class var tertiarySystemBackground: UIColor

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.

class var systemGroupedBackground: UIColor

The color for the main background of your grouped interface.

Beta
class var secondarySystemGroupedBackground: UIColor

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

Beta
class var tertiarySystemGroupedBackground: UIColor

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

Beta

Separator Colors

class var separator: UIColor

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

Beta
class var opaqueSeparator: UIColor

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

Beta

Link Color

class var link: UIColor

The color for links.

Beta

Nonadaptable Colors

class var darkText: UIColor

The nonadaptable system color for text on a light background.

class var lightText: UIColor

The nonadaptable system color for text on a dark background.

Deprecated Colors

class var groupTableViewBackground: UIColor

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

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