Interactive previews iPhone

UIKit Label Colors

UIKit Label Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview

Platform Compatibility

iOS 13.0+ iPadOS 13.0+ tvOS 13.0+ visionOS 1.0+

Tags

SwiftUI Code

Docs
VStack {
  HStack {
    Text("Label")
      .foregroundStyle(Color(.label))
    Text("Secondary Label")
      .foregroundStyle(Color(.secondaryLabel))
  }
  HStack {
    Text("Tertiary Label")
      .foregroundStyle(Color(.tertiaryLabel))
    Text("Quaternary Label")
      .foregroundStyle(Color(.quaternaryLabel))
  }
}

Found an issue or have a suggestion?

Created: May 29, 2025Updated: May 29, 2025
Connect Wizard

Connect Wizard

Unlock insights App Store Connect doesn’t show you.

Get Started

More Color Components

View all
Color Opacity - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
style

Color Opacity

The Color opacity modifier

Color Gradient - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Gradient

The Color gradient modifier

UIKit Separator Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Separator Colors

The UIKit separator colors that are also used in other components, such as the TextField

UIKit Content Background colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Content Background colors

The UIKit colors that are also used in other components like in List and GroupBox

UIKit Text Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Text Colors

The UIKit text colors that are also used in other components, such as the TextField

UIKit Fill Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

UIKit Fill Colors

Color Variants - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Color Variants

HierarchicalShapeStyle, a shape style that maps to one of the numbered content styles

Semantic Colors - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
type

Semantic Colors

Explore Other Components

Browse all
NavigationLinkPickerStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

NavigationLinkPickerStyle

A picker style represented by a navigation link that presents the options by pushing a List-style picker view.

Error Alert - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Error Alert

Presents an alert when an error is present.

CheckboxToggleStyle - macOS - Liquid Glass - Light Mode - Preview
style

CheckboxToggleStyle

A toggle style that displays a checkbox followed by its label.

PasteButton - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
type

PasteButton

A system button that reads items from the pasteboard and delivers it to a closure.

Button Sizing - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
modifier

Button Sizing

The preferred sizing behavior of buttons in the view hierarchy.

Divider Height - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

Divider Height

Customizing the height of the Divider

Compact List Section Spacing - iOS on iPhone - Portrait - Flat Design - Light Mode - Preview
modifier

Compact List Section Spacing

Compact spacing between sections

LinearProgressViewStyle - iOS on iPhone - Portrait - Liquid Glass - Light Mode - Preview
style

LinearProgressViewStyle

A progress view that visually indicates its progress using a horizontal bar