Interactive previews iPhone
UIKit Fill Colors
Platform Compatibility
iOS 13.0+ iPadOS 13.0+ visionOS 1.0+
Tags
SwiftUI Code
HStack {
smallRect
.foregroundStyle(Color(.systemFill))
smallRect
.foregroundStyle(Color(.secondarySystemFill))
smallRect
.foregroundStyle(Color(.tertiarySystemFill))
smallRect
.foregroundStyle(Color(.quaternarySystemFill))
}Found an issue or have a suggestion?
Created: May 29, 2025Updated: May 29, 2025
More Color Components
View all
UIKit Separator Colors
The UIKit separator colors that are also used in other components, such as the TextField
UIKit Content Background colors
The UIKit colors that are also used in other components like in List and GroupBox
UIKit Text Colors
The UIKit text colors that are also used in other components, such as the TextField
Color Variants
HierarchicalShapeStyle, a shape style that maps to one of the numbered content styles
Explore Other Components
Browse all
Content Unavailable Search Text
A pre-built placeholder for empty search results with search text
Multiple Sources Toggle
Creates a toggle that updates the selected property for all sources. Once toggled, all sources will have the same value.
Hide Sidebar Toggle
Removes the sidebar toggle toolbar item a NavigationSplitView adds by default.
