Standard Colors
The SwiftUI standard colors
Platform Compatibility
Tags
SwiftUI Code
VStack {
HStack {
smallRect
.foregroundStyle(.black)
smallRect
.foregroundStyle(.blue)
smallRect
.foregroundStyle(.brown)
smallRect
.foregroundStyle(.clear)
}
HStack {
smallRect
.foregroundStyle(.cyan)
smallRect
.foregroundStyle(.gray)
smallRect
.foregroundStyle(.green)
smallRect
.foregroundStyle(.indigo)
}
HStack {
smallRect
.foregroundStyle(.mint)
smallRect
.foregroundStyle(.orange)
smallRect
.foregroundStyle(.pink)
smallRect
.foregroundStyle(.purple)
}
HStack {
smallRect
.foregroundStyle(.red)
smallRect
.foregroundStyle(.teal)
smallRect
.foregroundStyle(.white)
smallRect
.foregroundStyle(.yellow)
}
}Found an issue or have a suggestion?
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
Explore Other Components
Browse all
ToolbarItem Shared Background Visibility
Controls the visibility of the glass background effect on items in the toolbar. In certain contexts, such as the navigation bar on iOS and the window toolbar on macOS, toolbar items will be given a glass background effect that is shared with other items in the same logical grouping
Button Styles
A type that applies standard interaction behavior and a custom appearance to all buttons within a view hierarchy
StepperFieldDatePickerStyle
A system style that displays the components in an editable field, with adjoining stepper that can increment/decrement the selected component
WheelDatePickerStyle
A date picker style that displays each component as columns in a scrollable wheel
