Apple UI Colors
iOS & iPadOS System Colors
Browse UIKit system colors used across iOS and iPadOS, including semantic text colors, fills, grouped backgrounds, and adaptable appearance-aware values.
| Swatch | Name | API Token | HEX / RGBA |
|---|---|---|---|
| System Blue | UIColor.systemBlue | #007AFFrgb(0, 122, 255) | |
| System Green | UIColor.systemGreen | #34C759rgb(52, 199, 89) | |
| System Indigo | UIColor.systemIndigo | #5856D6rgb(88, 86, 214) | |
| System Orange | UIColor.systemOrange | #FF9500rgb(255, 149, 0) | |
| System Pink | UIColor.systemPink | #FF2D55rgb(255, 45, 85) | |
| System Purple | UIColor.systemPurple | #AF52DErgb(175, 82, 222) | |
| System Red | UIColor.systemRed | #FF3B30rgb(255, 59, 48) | |
| System Teal | UIColor.systemTeal | #5AC8FArgb(90, 200, 250) | |
| System Yellow | UIColor.systemYellow | #FFCC00rgb(255, 204, 0) | |
| System Gray | UIColor.systemGray | #8E8E93rgb(142, 142, 147) | |
| System Gray 2 | UIColor.systemGray2 | #AEAEB2rgb(174, 174, 178) | |
| System Gray 3 | UIColor.systemGray3 | #C7C7CCrgb(199, 199, 204) | |
| System Gray 4 | UIColor.systemGray4 | #D1D1D6rgb(209, 209, 214) | |
| System Gray 5 | UIColor.systemGray5 | #E5E5EArgb(229, 229, 234) | |
| System Gray 6 | UIColor.systemGray6 | #F2F2F7rgb(242, 242, 247) | |
| System Background | UIColor.systemBackground | #FFFFFFrgb(255, 255, 255) | |
| Secondary System Background | UIColor.secondarySystemBackground | #F2F2F7rgb(242, 242, 247) | |
| Tertiary System Background | UIColor.tertiarySystemBackground | #FFFFFFrgb(255, 255, 255) | |
| System Grouped Background | UIColor.systemGroupedBackground | #F2F2F7rgb(242, 242, 247) | |
| Secondary System Grouped Background | UIColor.secondarySystemGroupedBackground | #FFFFFFrgb(255, 255, 255) | |
| Tertiary System Grouped Background | UIColor.tertiarySystemGroupedBackground | #F2F2F7rgb(242, 242, 247) | |
| System Fill | UIColor.systemFill | #78788033rgba(120, 120, 128, 0.2) | |
| Secondary System Fill | UIColor.secondarySystemFill | #78788028rgba(120, 120, 128, 0.157) | |
| Tertiary System Fill | UIColor.tertiarySystemFill | #7676801Ergba(118, 118, 128, 0.118) | |
| Quaternary System Fill | UIColor.quaternarySystemFill | #74748014rgba(116, 116, 128, 0.078) | |
| Light Text | UIColor.lightText | #FFFFFF99rgba(255, 255, 255, 0.6) | |
| Dark Text | UIColor.darkText | #000000rgb(0, 0, 0) | |
| Label | UIColor.label | #000000rgb(0, 0, 0) | |
| Secondary Label | UIColor.secondaryLabel | #3C3C4399rgba(60, 60, 67, 0.6) | |
| Tertiary Label | UIColor.tertiaryLabel | #3C3C434Crgba(60, 60, 67, 0.298) | |
| Quaternary Label | UIColor.quaternaryLabel | #3C3C432Ergba(60, 60, 67, 0.18) | |
| Link | UIColor.link | #007AFFrgb(0, 122, 255) | |
| Placeholder Text | UIColor.placeholderText | #3C3C434Crgba(60, 60, 67, 0.298) | |
| Separator | UIColor.separator | #3C3C434Argba(60, 60, 67, 0.29) | |
| Opaque Separator | UIColor.opaqueSeparator | #C6C6C8rgb(198, 198, 200) |