Apple UI Colors

macOS System Colors

Browse AppKit system colors for macOS, including NSColor semantic text, fill, and interface values with searchable APIs, HEX values, and appearance-aware variants.

All Colors SwiftUI iOS & iPadOS tvOS macOSConverter

Name	API Token	HEX / RGBA	Description
System Red	`NSColor.systemRed`	`#FF383C` `rgb(255, 56, 60)`	A red color that automatically adapts to the current appearance.
System Orange	`NSColor.systemOrange`	`#FF8D28` `rgb(255, 141, 40)`	An orange color that automatically adapts to the current appearance.
System Yellow	`NSColor.systemYellow`	`#FFCC00` `rgb(255, 204, 0)`	A yellow color that automatically adapts to the current appearance.
System Green	`NSColor.systemGreen`	`#34C759` `rgb(52, 199, 89)`	A green color that automatically adapts to the current appearance.
System Mint	`NSColor.systemMint`	`#00C8B3` `rgb(0, 200, 179)`	A mint color that automatically adapts to the current appearance.
System Teal	`NSColor.systemTeal`	`#00C3D0` `rgb(0, 195, 208)`	A teal color that automatically adapts to the current appearance.
System Cyan	`NSColor.systemCyan`	`#00C0E8` `rgb(0, 192, 232)`	A cyan color that automatically adapts to the current appearance.
System Blue	`NSColor.systemBlue`	`#0088FF` `rgb(0, 136, 255)`	A blue color that automatically adapts to the current appearance.
System Indigo	`NSColor.systemIndigo`	`#6155F5` `rgb(97, 85, 245)`	An indigo color that automatically adapts to the current appearance.
System Purple	`NSColor.systemPurple`	`#CB30E0` `rgb(203, 48, 224)`	A purple color that automatically adapts to the current appearance.
System Pink	`NSColor.systemPink`	`#FF2D55` `rgb(255, 45, 85)`	A pink color that automatically adapts to the current appearance.
System Brown	`NSColor.systemBrown`	`#AC7F5E` `rgb(172, 127, 94)`	A brown color that automatically adapts to the current appearance.
System Gray	`NSColor.systemGray`	`#8E8E93` `rgb(142, 142, 147)`	A gray color that automatically adapts to the current appearance.
Label	`NSColor.labelColor`	`rgba(0, 0, 0, 0.85)`	The text of a label containing primary content.
Secondary Label	`NSColor.secondaryLabelColor`	`rgba(0, 0, 0, 0.5)`	The text of a label of lesser importance than a primary label.
Tertiary Label	`NSColor.tertiaryLabelColor`	`rgba(0, 0, 0, 0.26)`	The text of a label of lesser importance than a secondary label.
Quaternary Label	`NSColor.quaternaryLabelColor`	`rgba(0, 0, 0, 0.1)`	The text of a label of lesser importance than a tertiary label.
Quinary Label	`NSColor.quinaryLabel`	`rgba(0, 0, 0, 0.05)`	The text of a label of lesser importance than a quaternary label.
Text	`NSColor.textColor`	`#000000` `rgb(0, 0, 0)`	The color to use for text.
Placeholder Text	`NSColor.placeholderTextColor`	`rgba(0, 0, 0, 0.5)`	The color to use for placeholder text in controls or text views.
Selected Text	`NSColor.selectedTextColor`	`#000000` `rgb(0, 0, 0)`	The color for selected text.
Text Background	`NSColor.textBackgroundColor`	`#FFFFFF` `rgb(255, 255, 255)`	The background color behind text.
Selected Text Background	`NSColor.selectedTextBackgroundColor`	`#B3D7FF` `rgb(179, 215, 255)`	The background of selected text.
Unemphasized Selected Text	`NSColor.unemphasizedSelectedTextColor`	`#000000` `rgb(0, 0, 0)`	Selected text in a non-key window or view.
Unemphasized Selected Text Background	`NSColor.unemphasizedSelectedTextBackgroundColor`	`#DCDCDC` `rgb(220, 220, 220)`	A background for selected text in a non-key window or view.
Link	`NSColor.linkColor`	`#0068DA` `rgb(0, 104, 218)`	A link to other content.
Text Insertion Point	`NSColor.textInsertionPointColor`	`#007AFF` `rgb(0, 122, 255)`	The insertion point color in text.
System Fill	`NSColor.systemFill`	`rgba(0, 0, 0, 0.1)`	The default fill color for controls and interface elements.
Secondary System Fill	`NSColor.secondarySystemFill`	`rgba(0, 0, 0, 0.08)`	A secondary fill color for controls and interface elements.
Tertiary System Fill	`NSColor.tertiarySystemFill`	`rgba(0, 0, 0, 0.05)`	A tertiary fill color for controls and interface elements.
Quaternary System Fill	`NSColor.quaternarySystemFill`	`rgba(0, 0, 0, 0.03)`	A quaternary fill color for controls and interface elements.
Quinary System Fill	`NSColor.quinarySystemFill`	`rgba(0, 0, 0, 0.01)`	A quinary fill color for controls and interface elements.
Separator	`NSColor.separatorColor`	`rgba(0, 0, 0, 0.1)`	A separator between different sections of content.
Grid	`NSColor.gridColor`	`#E6E6E6` `rgb(230, 230, 230)`	The grid lines of an interface element, such as a table.
Shadow	`NSColor.shadowColor`	`#000000` `rgb(0, 0, 0)`	The virtual shadow cast by a raised object onscreen.
Highlight	`NSColor.highlightColor`	`#FFFFFF` `rgb(255, 255, 255)`	The virtual light source onscreen.
Find Highlight	`NSColor.findHighlightColor`	`#FFFF00` `rgb(255, 255, 0)`	The color of a find indicator.
Keyboard Focus Indicator	`NSColor.keyboardFocusIndicatorColor`	`rgba(0, 103, 244, 0.5)`	The ring around the currently focused control when using keyboard navigation.
Control Accent	`NSColor.controlAccentColor`	`#007AFF` `rgb(0, 122, 255)`	The accent color people select in System Settings.
Control Color	`NSColor.controlColor`	`#FFFFFF` `rgb(255, 255, 255)`	The surface of a control.
Control Background	`NSColor.controlBackgroundColor`	`#FFFFFF` `rgb(255, 255, 255)`	The background of a large interface element, such as a browser or table.
Control Text	`NSColor.controlTextColor`	`rgba(0, 0, 0, 0.85)`	The text of a control that is available.
Disabled Control Text	`NSColor.disabledControlTextColor`	`rgba(0, 0, 0, 0.25)`	The text of a control that's unavailable.
Selected Content Background	`NSColor.selectedContentBackgroundColor`	`#0064E1` `rgb(0, 100, 225)`	The background for selected content in a key window or view.
Unemphasized Selected Content Background	`NSColor.unemphasizedSelectedContentBackgroundColor`	`#DCDCDC` `rgb(220, 220, 220)`	The selected content in a non-key window or view.
Selected Control	`NSColor.selectedControlColor`	`#B3D7FF` `rgb(179, 215, 255)`	The surface of a selected control.
Selected Control Text	`NSColor.selectedControlTextColor`	`rgba(0, 0, 0, 0.85)`	The text of a selected control.
Alternate Selected Control Text	`NSColor.alternateSelectedControlTextColor`	`#FFFFFF` `rgb(255, 255, 255)`	The text on a selected surface in a list or table.
Selected Menu Item Text	`NSColor.selectedMenuItemTextColor`	`#FFFFFF` `rgb(255, 255, 255)`	The text of a selected menu.
Header Text	`NSColor.headerTextColor`	`rgba(0, 0, 0, 0.85)`	The text of a header cell in a table.
Window Background	`NSColor.windowBackgroundColor`	`#FFFFFF` `rgb(255, 255, 255)`	The background of a window.
Window Frame Text	`NSColor.windowFrameTextColor`	`rgba(0, 0, 0, 0.85)`	The text in the window's title bar area.
Under Page Background	`NSColor.underPageBackgroundColor`	`rgba(150, 150, 150, 0.9)`	The background behind a document's content.