Apple

Apple system palette drawn from the iOS / macOS Human Interface Guidelines. Anchored on Apple Blue (#007AFF) — the canonical iOS tint color used for interactive affordance across the platform — and the twelve named System Colors (Blue, Brown, Gray, Green, Indigo, Mint, Orange, Pink, Purple, Red, Teal, Yellow) plus the light- and dark-mode system background ramps.

22 swatches 14 light roles 14 dark roles techappleiosmacoshigsystem

Swatches

system-blue
#007AFF
Default iOS tint color. Used for interactive elements (links, buttons, switches) across iOS, iPadOS, and macOS.
system-brown
#A2845E
Earth-tone accent in the HIG System Colors set.
system-gray
#8E8E93
Mid-gray for secondary content and inactive controls. Equivalent to UIColor.systemGray.
system-green
#34C759
Confirmation / success accent (e.g., toggle switches in the "on" state, recording indicators).
system-indigo
#5856D6
Cool-violet accent in the HIG System Colors set.
system-mint
#00C7BE
Cool-teal accent introduced in iOS 15.
system-orange
#FF9500
Warning accent. Used on system controls that signal caution (e.g., Cellular Data warnings).
system-pink
#FF2D55
Warm-pink accent in the HIG System Colors set.
system-purple
#AF52DE
Purple accent. Used on Siri, Podcasts, and other identity-bearing Apple product surfaces.
system-red
#FF3B30
Destructive / error accent. Used for delete actions, error states, and recording indicators.
system-teal
#30B0C7
Cooler complement to System Mint in the HIG set.
system-yellow
#FFCC00
Highlight / warning accent in the HIG System Colors set.
label
#000000
Primary text on light-mode surfaces. Equivalent to the HIG `label` semantic color in Light Appearance.
secondary-label
#3C3C43
Secondary text. Equivalent to the HIG `secondaryLabel` (60% alpha black resolved against systemBackground) in Light.
tertiary-label
#3C3C434D
Tertiary text. Equivalent to the HIG `tertiaryLabel` (~30% alpha) in Light.
system-background
#FFFFFF
Base background in Light Appearance.
secondary-system-background
#F2F2F7
Grouped-table and grouped-cell background in Light.
tertiary-system-background
#FFFFFF
Elevated card / sheet background in Light.
system-background-dark
#000000
Base background in Dark Appearance.
secondary-system-background-dark
#1C1C1E
Grouped-cell background in Dark.
tertiary-system-background-dark
#2C2C2E
Elevated card / sheet background in Dark.
label-dark
#FFFFFF
Primary text on dark-mode surfaces.

Mode role mappings

Light mode (14 roles)

accent → system-indigo
accent-hover → system-purple
background → system-background
error → system-red
primary → system-blue
primary-hover → system-blue
success → system-green
surface → secondary-system-background
surface-elevated → tertiary-system-background
text-primary → label
text-secondary → secondary-label
text-tertiary → system-gray
warning → system-orange
warning-hover → system-yellow

Dark mode (14 roles)

accent → system-indigo
accent-hover → system-purple
background → system-background-dark
error → system-red
primary → system-blue
primary-hover → system-blue
success → system-green
surface → secondary-system-background-dark
surface-elevated → tertiary-system-background-dark
text-primary → label-dark
text-secondary → system-gray
text-tertiary → system-gray
warning → system-orange
warning-hover → system-yellow

Provenance

Source
https://developer.apple.com/design/human-interface-guidelines/color
License
Proprietary — All Rights Reserved
Attribution
Apple, the Apple logo, iOS, macOS, iPadOS, watchOS, tvOS, visionOS, and related names and marks are trademarks of Apple Inc. Brand colors documented here are published in the Human Interface Guidelines color reference at developer.apple.com/design/human-interface-guidelines/color and on the Apple Identity Guidelines pages distributed to platform partners.
Imported
2026-05-17
Notes
Brand-atoms' read of the Human Interface Guidelines color section. This file is not an official Apple brand document. System Colors are listed in their iOS Light Default sRGB values; Apple's HIG also publishes dark-mode and accessible high-contrast variants which are not separately surfaced as swatches here. The light- and dark-mode role maps below pick the conventional HIG pairings (systemBackground, label, systemBlue).