UIColor

public extension UIColor

Anatomy includes standardized, named colors such as primaryBrandViolet or statusSuccess.

These colors can be accessed by name via color literals in the asset catalog or programmatically via static properties.

Colors should be used based on their semantic definition on on their currently existing color as these colors can be changed in any given version. For example, to report successful statuses, use statusSuccess, but if you merely need a green color then don’t assume this color will always be green.

The grayscale colors are an exception to this, since they’re named by their shade of gray, and can be reliably used based on their color name.

  • Primary branding color

    Declaration

    Swift

    static var primaryBrandViolet: UIColor { get }
  • Shaded primary branding color

    Declaration

    Swift

    static var primaryVioletShade: UIColor { get }
  • Secondary branding color

    Declaration

    Swift

    static var secondaryTealDeep: UIColor { get }
  • Tertiary branding color

    Declaration

    Swift

    static var tertiaryCranberry: UIColor { get }

Internal Core Colors

  • Secondary branding color (Lighter)

    Declaration

    Swift

    static var secondaryTealDeepLight: UIColor { get }
  • Secondary branding color (Darker)

    Declaration

    Swift

    static var secondaryTealDeepDark: UIColor { get }

Status Colors

  • A bluish color used for calling attention to the user for data

    Declaration

    Swift

    static var statusInfo: UIColor { get }
  • A greenish color used to denote a successful/correct state

    Declaration

    Swift

    static var statusSuccess: UIColor { get }
  • A yellowish color used for warning states and non-urgent needs

    Declaration

    Swift

    static var statusWarning: UIColor { get }
  • A reddish color used for error states and urgent needs

    Declaration

    Swift

    static var statusError: UIColor { get }

Grayscale Colors

  • Black

    Declaration

    Swift

    static var grayscaleBlack: UIColor { get }
  • A medium-dark gray color

    Declaration

    Swift

    static var grayscaleGrayShade: UIColor { get }
  • A medium-dark gray color

    Declaration

    Swift

    static var grayscaleGray: UIColor { get }
  • A medium gray color

    Declaration

    Swift

    static var grayscaleGrayTint: UIColor { get }
  • A light gray color

    Declaration

    Swift

    static var grayscaleAvatarGray: UIColor { get }
  • A gray color used for view backgrounds

    Declaration

    Swift

    static var grayscaleBackground: UIColor { get }
  • White

    Declaration

    Swift

    static var grayscaleWhite: UIColor { get }
  • A medium gray color

    Declaration

    Swift

    static var grayscale11Gray: UIColor { get }

Internal Grayscale Colors

  • Grayscale 90

    Declaration

    Swift

    static var grayscale90: UIColor { get }
  • Grayscale 80

    Declaration

    Swift

    static var grayscale80: UIColor { get }
  • Grayscale 70

    Declaration

    Swift

    static var grayscale70: UIColor { get }
  • Grayscale 60

    Declaration

    Swift

    static var grayscale60: UIColor { get }
  • Grayscale 50

    Declaration

    Swift

    static var grayscale50: UIColor { get }
  • Grayscale 40

    Declaration

    Swift

    static var grayscale40: UIColor { get }
  • Grayscale 30

    Declaration

    Swift

    static var grayscale30: UIColor { get }
  • Grayscale 20

    Declaration

    Swift

    static var grayscale20: UIColor { get }
  • Grayscale 10

    Declaration

    Swift

    static var grayscale10: UIColor { get }
  • Grayscale 5

    Declaration

    Swift

    static var grayscale5: UIColor { get }

Typography Colors

  • The color of deemphasized typography

    Declaration

    Swift

    static var deemphasized: UIColor { get }
  • The color of linked typography

    Declaration

    Swift

    static var linked: UIColor { get }
  • The color of disabled typography

    Declaration

    Swift

    static var disabled: UIColor { get }

Initializers

  • Access an internal Anatomy color.

    Declaration

    Swift

    convenience init(anatomyNamed: String)
  • Create a color based on a hex string.

    Declaration

    Swift

    convenience init(hex: String)