Apple’s Human Interface Guidelines provides two primary color palettes for each platform, light and dark.
On iOS, each palette is accompanied by an accessible variant as well where the temperature and transparency were adjusted to provide higher contrast. Both light and dark palettes can be used with theme_sf_light()
and theme_sf_dark()
themes.
iOS Light Palette
iOS Accessible Light Palette
On macOS, in addition to light and dark palettes and their accessible forms, each palette is accompanied with a vibrant variant where the contrast between colors is even higher.
macOS Light Palette
macOS Vibrant Light Palette
On watchOS, only one color palette is provided. The watchOS color palette is specifically designed to provide higher level of contrast and brightness, and is best accompanied with dark themes.
watchOS Dark Palette
In total, sfthemes offers the following list of palettes:
Each palette in sfthemes can be sorted in two ways. The default order returns colors of the palette according to their appearance in HIG document, and the contrast (default) order returns an optimized ordering of colors to maximize their in-between contrast.
iOS palette ordered for more in-between contrast
macOS palette ordered for more in-between contrast