---
title: UI element colors
framework: uikit
role: collectionGroup
role_heading: API Collection
path: uikit/ui-element-colors
---

# UI element colors

Choose colors for UI elements such as labels, text, backgrounds, and links.

## Overview

Overview UIKit provides color objects for the foreground and background colors of your app’s UI elements. The names of these color objects reflect their intended use, rather than specific color values. Except where noted, the color objects adapt automatically to Dark Mode changes when you use the provided UIColor object. If you retrieve the color values, either directly or using another type such as CGColor, you must handle Dark Mode changes yourself. For more information about supporting Dark Mode, see Supporting Dark Mode in your interface.

## Topics

### Label colors

- [label](uikit/uicolor/label.md)
- [secondaryLabel](uikit/uicolor/secondarylabel.md)
- [tertiaryLabel](uikit/uicolor/tertiarylabel.md)
- [quaternaryLabel](uikit/uicolor/quaternarylabel.md)

### Fill colors

- [systemFill](uikit/uicolor/systemfill.md)
- [secondarySystemFill](uikit/uicolor/secondarysystemfill.md)
- [tertiarySystemFill](uikit/uicolor/tertiarysystemfill.md)
- [quaternarySystemFill](uikit/uicolor/quaternarysystemfill.md)

### Text colors

- [placeholderText](uikit/uicolor/placeholdertext.md)

### Tint color

- [tintColor](uikit/uicolor/tintcolor.md)

### Standard content background colors

- [systemBackground](uikit/uicolor/systembackground.md)
- [secondarySystemBackground](uikit/uicolor/secondarysystembackground.md)
- [tertiarySystemBackground](uikit/uicolor/tertiarysystembackground.md)

### Grouped content background colors

- [systemGroupedBackground](uikit/uicolor/systemgroupedbackground.md)
- [secondarySystemGroupedBackground](uikit/uicolor/secondarysystemgroupedbackground.md)
- [tertiarySystemGroupedBackground](uikit/uicolor/tertiarysystemgroupedbackground.md)

### Separator colors

- [separator](uikit/uicolor/separator.md)
- [opaqueSeparator](uikit/uicolor/opaqueseparator.md)

### Link color

- [link](uikit/uicolor/link.md)

### Nonadaptable colors

- [darkText](uikit/uicolor/darktext.md)
- [lightText](uikit/uicolor/lighttext.md)

### Deprecated colors

- [groupTableViewBackground](uikit/uicolor/grouptableviewbackground.md)

## See Also

### Getting existing colors

- [Standard colors](uikit/standard-colors.md)
- [Color creation](uikit/color-creation.md)