# Palette - System
**Kind**:: #color-palette
**Source**:: #from/macos-colors
**Generated by**:: [[ob-colors]]
## Light
| Name | Color |
| --- | --- |
| labelColor | <code style="color:white; background:#000000D8"> 000000D8 </code> |
| secondaryLabelColor | <code style="color:white; background:#0000007F"> 0000007F </code> |
| tertiaryLabelColor | <code style="color:white; background:#00000042"> 00000042 </code> |
| quaternaryLabelColor | <code style="color:white; background:#00000019"> 00000019 </code> |
| systemRedColor | <code style="color:white; background:#FC2125"> FC2125 </code> |
| systemGreenColor | <code style="color:black; background:#29C732"> 29C732 </code> |
| systemBlueColor | <code style="color:white; background:#0A60FF"> 0A60FF </code> |
| systemOrangeColor | <code style="color:black; background:#FD8208"> FD8208 </code> |
| systemYellowColor | <code style="color:black; background:#FEC309"> FEC309 </code> |
| systemBrownColor | <code style="color:white; background:#90714C"> 90714C </code> |
| systemPinkColor | <code style="color:white; background:#FB0D44"> FB0D44 </code> |
| systemPurpleColor | <code style="color:white; background:#9D33D6"> 9D33D6 </code> |
| systemTealColor | <code style="color:white; background:#4A9DB7"> 4A9DB7 </code> |
| systemIndigoColor | <code style="color:white; background:#453CCC"> 453CCC </code> |
| systemMintColor | <code style="color:black; background:#18BDB0"> 18BDB0 </code> |
| systemCyanColor | <code style="color:black; background:#47B0EC"> 47B0EC </code> |
| systemGrayColor | <code style="color:white; background:#7B7B81"> 7B7B81 </code> |
| linkColor | <code style="color:white; background:#094FD1"> 094FD1 </code> |
| placeholderTextColor | <code style="color:white; background:#0000003F"> 0000003F </code> |
| windowFrameTextColor | <code style="color:white; background:#000000D8"> 000000D8 </code> |
| selectedMenuItemTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| alternateSelectedControlTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| headerTextColor | <code style="color:white; background:#000000D8"> 000000D8 </code> |
| separatorColor | <code style="color:white; background:#00000019"> 00000019 </code> |
| gridColor | <code style="color:black; background:#E0E0E0"> E0E0E0 </code> |
| textColor | <code style="color:white; background:#000000"> 000000 </code> |
| textBackgroundColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| selectedTextColor | <code style="color:white; background:#000000"> 000000 </code> |
| selectedTextBackgroundColor | <code style="color:black; background:#A5CDFF"> A5CDFF </code> |
| unemphasizedSelectedTextBackgroundColor | <code style="color:black; background:#D4D4D4"> D4D4D4 </code> |
| unemphasizedSelectedTextColor | <code style="color:white; background:#000000"> 000000 </code> |
| windowBackgroundColor | <code style="color:black; background:#E7E7E7"> E7E7E7 </code> |
| underPageBackgroundColor | <code style="color:white; background:#848484E5"> 848484E5 </code> |
| controlBackgroundColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| selectedContentBackgroundColor | <code style="color:white; background:#084AD9"> 084AD9 </code> |
| unemphasizedSelectedContentBackgroundColor | <code style="color:black; background:#D4D4D4"> D4D4D4 </code> |
| alternatingContentBackgroundColor | <code style="color:black; background:#F1F2F2"> F1F2F2 </code> |
| findHighlightColor | <code style="color:black; background:#FFFF0B"> FFFF0B </code> |
| controlColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| controlTextColor | <code style="color:white; background:#000000D8"> 000000D8 </code> |
| selectedControlColor | <code style="color:black; background:#A5CDFF"> A5CDFF </code> |
| selectedControlTextColor | <code style="color:white; background:#000000D8"> 000000D8 </code> |
| disabledControlTextColor | <code style="color:white; background:#0000003F"> 0000003F </code> |
| keyboardFocusIndicatorColor | <code style="color:white; background:#074CF17F"> 074CF17F </code> |
| controlAccentColor | <code style="color:white; background:#0A60FF"> 0A60FF </code> |
## Dark
| Name | Color |
| --- | --- |
| labelColor | <code style="color:black; background:#FFFFFFD8"> FFFFFFD8 </code> |
| secondaryLabelColor | <code style="color:white; background:#FFFFFF8C"> FFFFFF8C </code> |
| tertiaryLabelColor | <code style="color:white; background:#FFFFFF3F"> FFFFFF3F </code> |
| quaternaryLabelColor | <code style="color:white; background:#FFFFFF19"> FFFFFF19 </code> |
| systemRedColor | <code style="color:white; background:#FC2B2D"> FC2B2D </code> |
| systemGreenColor | <code style="color:black; background:#30D33B"> 30D33B </code> |
| systemBlueColor | <code style="color:white; background:#106BFF"> 106BFF </code> |
| systemOrangeColor | <code style="color:black; background:#FD8D0E"> FD8D0E </code> |
| systemYellowColor | <code style="color:black; background:#FECF0F"> FECF0F </code> |
| systemBrownColor | <code style="color:white; background:#9B7C55"> 9B7C55 </code> |
| systemPinkColor | <code style="color:white; background:#FC1A4D"> FC1A4D </code> |
| systemPurpleColor | <code style="color:white; background:#AF39EE"> AF39EE </code> |
| systemTealColor | <code style="color:black; background:#5AB8D4"> 5AB8D4 </code> |
| systemIndigoColor | <code style="color:white; background:#4B40E0"> 4B40E0 </code> |
| systemMintColor | <code style="color:black; background:#56E2DB"> 56E2DB </code> |
| systemCyanColor | <code style="color:black; background:#4CBCF2"> 4CBCF2 </code> |
| systemGrayColor | <code style="color:white; background:#86868B"> 86868B </code> |
| linkColor | <code style="color:white; background:#3586FF"> 3586FF </code> |
| placeholderTextColor | <code style="color:white; background:#FFFFFF3F"> FFFFFF3F </code> |
| windowFrameTextColor | <code style="color:black; background:#FFFFFFD8"> FFFFFFD8 </code> |
| selectedMenuItemTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| alternateSelectedControlTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| headerTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| separatorColor | <code style="color:white; background:#FFFFFF19"> FFFFFF19 </code> |
| gridColor | <code style="color:white; background:#141414"> 141414 </code> |
| textColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| textBackgroundColor | <code style="color:white; background:#171717"> 171717 </code> |
| selectedTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| selectedTextBackgroundColor | <code style="color:white; background:#314F78"> 314F78 </code> |
| unemphasizedSelectedTextBackgroundColor | <code style="color:white; background:#363636"> 363636 </code> |
| unemphasizedSelectedTextColor | <code style="color:black; background:#FFFFFF"> FFFFFF </code> |
| windowBackgroundColor | <code style="color:white; background:#262626"> 262626 </code> |
| underPageBackgroundColor | <code style="color:white; background:#1E1E1E"> 1E1E1E </code> |
| controlBackgroundColor | <code style="color:white; background:#171717"> 171717 </code> |
| selectedContentBackgroundColor | <code style="color:white; background:#0640C6"> 0640C6 </code> |
| unemphasizedSelectedContentBackgroundColor | <code style="color:white; background:#363636"> 363636 </code> |
| alternatingContentBackgroundColor | <code style="color:white; background:#FFFFFF0C"> FFFFFF0C </code> |
| findHighlightColor | <code style="color:black; background:#FFFF0B"> FFFF0B </code> |
| controlColor | <code style="color:white; background:#FFFFFF3F"> FFFFFF3F </code> |
| controlTextColor | <code style="color:black; background:#FFFFFFD8"> FFFFFFD8 </code> |
| selectedControlColor | <code style="color:white; background:#314F78"> 314F78 </code> |
| selectedControlTextColor | <code style="color:black; background:#FFFFFFD8"> FFFFFFD8 </code> |
| disabledControlTextColor | <code style="color:white; background:#FFFFFF3F"> FFFFFF3F </code> |
| keyboardFocusIndicatorColor | <code style="color:white; background:#1C96FF7F"> 1C96FF7F </code> |
| controlAccentColor | <code style="color:white; background:#0A60FF"> 0A60FF </code> |