BPKColor

@interface BPKColor : NSObject

BPKColor is the entry point for the Backpack color palette. It expose the whole palette as static methods.

Colors

  • The backgroundAlternativeDarkColor color from the Backpack palette - rgb(0, 0, 0).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeDarkColor;

    Swift

    class var backgroundAlternativeDarkColor: UIColor { get }
  • The backgroundAlternativeLightColor color from the Backpack palette - rgb(241, 242, 248).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeLightColor;

    Swift

    class var backgroundAlternativeLightColor: UIColor { get }
  • The backgroundAlternativeSecondaryDarkColor color from the Backpack palette - rgb(29, 27, 32).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeSecondaryDarkColor;

    Swift

    class var backgroundAlternativeSecondaryDarkColor: UIColor { get }
  • The backgroundAlternativeSecondaryLightColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeSecondaryLightColor;

    Swift

    class var backgroundAlternativeSecondaryLightColor: UIColor { get }
  • The backgroundDarkColor color from the Backpack palette - rgb(0, 0, 0).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundDarkColor;

    Swift

    class var backgroundDarkColor: UIColor { get }
  • The backgroundElevation01DarkColor color from the Backpack palette - rgb(29, 27, 32).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation01DarkColor;

    Swift

    class var backgroundElevation01DarkColor: UIColor { get }
  • The backgroundElevation01LightColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation01LightColor;

    Swift

    class var backgroundElevation01LightColor: UIColor { get }
  • The backgroundElevation02DarkColor color from the Backpack palette - rgb(44, 44, 46).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation02DarkColor;

    Swift

    class var backgroundElevation02DarkColor: UIColor { get }
  • The backgroundElevation02LightColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation02LightColor;

    Swift

    class var backgroundElevation02LightColor: UIColor { get }
  • The backgroundElevation03DarkColor color from the Backpack palette - rgb(58, 58, 60).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation03DarkColor;

    Swift

    class var backgroundElevation03DarkColor: UIColor { get }
  • The backgroundElevation03LightColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation03LightColor;

    Swift

    class var backgroundElevation03LightColor: UIColor { get }
  • The backgroundLightColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundLightColor;

    Swift

    class var backgroundLightColor: UIColor { get }
  • The backgroundSecondaryDarkColor color from the Backpack palette - rgb(29, 27, 32).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundSecondaryDarkColor;

    Swift

    class var backgroundSecondaryDarkColor: UIColor { get }
  • The backgroundSecondaryLightColor color from the Backpack palette - rgb(241, 242, 248).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundSecondaryLightColor;

    Swift

    class var backgroundSecondaryLightColor: UIColor { get }
  • The backgroundTertiaryDarkColor color from the Backpack palette - rgb(44, 44, 46).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundTertiaryDarkColor;

    Swift

    class var backgroundTertiaryDarkColor: UIColor { get }
  • The backgroundTertiaryLightColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundTertiaryLightColor;

    Swift

    class var backgroundTertiaryLightColor: UIColor { get }
  • The abisko color from the Backpack palette - rgb(90, 72, 155).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull abisko;

    Swift

    class var abisko: UIColor { get }
  • The bagan color from the Backpack palette - rgb(255, 235, 208).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull bagan;

    Swift

    class var bagan: UIColor { get }
  • The black color from the Backpack palette - rgb(0, 0, 0).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull black;

    Swift

    class var black: UIColor { get }
  • The blackTint01 color from the Backpack palette - rgb(29, 27, 32).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull blackTint01;

    Swift

    class var blackTint01: UIColor { get }
  • The blackTint02 color from the Backpack palette - rgb(44, 44, 46).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull blackTint02;

    Swift

    class var blackTint02: UIColor { get }
  • The blackTint03 color from the Backpack palette - rgb(58, 58, 60).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull blackTint03;

    Swift

    class var blackTint03: UIColor { get }
  • The blackTint04 color from the Backpack palette - rgb(72, 72, 74).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull blackTint04;

    Swift

    class var blackTint04: UIColor { get }
  • The blackTint05 color from the Backpack palette - rgb(99, 99, 102).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull blackTint05;

    Swift

    class var blackTint05: UIColor { get }
  • The blackTint06 color from the Backpack palette - rgb(142, 142, 147).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull blackTint06;

    Swift

    class var blackTint06: UIColor { get }
  • The bunol color from the Backpack palette - rgb(255, 123, 89).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull bunol;

    Swift

    class var bunol: UIColor { get }
  • The erfoud color from the Backpack palette - rgb(255, 181, 77).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull erfoud;

    Swift

    class var erfoud: UIColor { get }
  • The glencoe color from the Backpack palette - rgb(115, 206, 198).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull glencoe;

    Swift

    class var glencoe: UIColor { get }
  • The harbour color from the Backpack palette - rgb(246, 221, 225).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull harbour;

    Swift

    class var harbour: UIColor { get }
  • The hillier color from the Backpack palette - rgb(225, 139, 150).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull hillier;

    Swift

    class var hillier: UIColor { get }
  • The kolkata color from the Backpack palette - rgb(255, 148, 0).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull kolkata;

    Swift

    class var kolkata: UIColor { get }
  • The monteverde color from the Backpack palette - rgb(0, 166, 152).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull monteverde;

    Swift

    class var monteverde: UIColor { get }
  • The nara color from the Backpack palette - rgb(255, 231, 224).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull nara;

    Swift

    class var nara: UIColor { get }
  • The panjin color from the Backpack palette - rgb(209, 67, 91).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull panjin;

    Swift

    class var panjin: UIColor { get }
  • The petra color from the Backpack palette - rgb(255, 171, 149).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull petra;

    Swift

    class var petra: UIColor { get }
  • The primaryGradientLight color from the Backpack palette - rgb(7, 112, 227).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull primaryGradientLight;

    Swift

    class var primaryGradientLight: UIColor { get }
  • The sagano color from the Backpack palette - rgb(208, 238, 236).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull sagano;

    Swift

    class var sagano: UIColor { get }
  • The skyBlue color from the Backpack palette - rgb(7, 112, 227).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlue;

    Swift

    class var skyBlue: UIColor { get }
  • The skyBlueShade01 color from the Backpack palette - rgb(8, 78, 178).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueShade01;

    Swift

    class var skyBlueShade01: UIColor { get }
  • The skyBlueShade02 color from the Backpack palette - rgb(4, 39, 89).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueShade02;

    Swift

    class var skyBlueShade02: UIColor { get }
  • The skyBlueShade03 color from the Backpack palette - rgb(2, 18, 44).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueShade03;

    Swift

    class var skyBlueShade03: UIColor { get }
  • The skyBlueTint01 color from the Backpack palette - rgb(109, 159, 235).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueTint01;

    Swift

    class var skyBlueTint01: UIColor { get }
  • The skyBlueTint02 color from the Backpack palette - rgb(157, 192, 242).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueTint02;

    Swift

    class var skyBlueTint02: UIColor { get }
  • The skyBlueTint03 color from the Backpack palette - rgb(205, 223, 248).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyBlueTint03;

    Swift

    class var skyBlueTint03: UIColor { get }
  • The skyGray color from the Backpack palette - rgb(17, 18, 54).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGray;

    Swift

    class var skyGray: UIColor { get }
  • The skyGrayTint01 color from the Backpack palette - rgb(68, 69, 96).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint01;

    Swift

    class var skyGrayTint01: UIColor { get }
  • The skyGrayTint02 color from the Backpack palette - rgb(104, 105, 127).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint02;

    Swift

    class var skyGrayTint02: UIColor { get }
  • The skyGrayTint03 color from the Backpack palette - rgb(143, 144, 160).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint03;

    Swift

    class var skyGrayTint03: UIColor { get }
  • The skyGrayTint04 color from the Backpack palette - rgb(178, 178, 191).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint04;

    Swift

    class var skyGrayTint04: UIColor { get }
  • The skyGrayTint05 color from the Backpack palette - rgb(205, 205, 215).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint05;

    Swift

    class var skyGrayTint05: UIColor { get }
  • The skyGrayTint06 color from the Backpack palette - rgb(221, 221, 229).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint06;

    Swift

    class var skyGrayTint06: UIColor { get }
  • The skyGrayTint07 color from the Backpack palette - rgb(241, 242, 248).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull skyGrayTint07;

    Swift

    class var skyGrayTint07: UIColor { get }
  • The systemGreen color from the Backpack palette - rgb(0, 166, 152).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull systemGreen;

    Swift

    class var systemGreen: UIColor { get }
  • The systemRed color from the Backpack palette - rgb(209, 67, 91).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull systemRed;

    Swift

    class var systemRed: UIColor { get }
  • The tochigi color from the Backpack palette - rgb(225, 221, 236).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull tochigi;

    Swift

    class var tochigi: UIColor { get }
  • The valensole color from the Backpack palette - rgb(165, 155, 200).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull valensole;

    Swift

    class var valensole: UIColor { get }
  • The white color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull white;

    Swift

    class var white: UIColor { get }
  • The lineDarkColor color from the Backpack palette - rgb(72, 72, 74).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull lineDarkColor;

    Swift

    class var lineDarkColor: UIColor { get }
  • The lineLightColor color from the Backpack palette - rgb(205, 205, 215).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull lineLightColor;

    Swift

    class var lineLightColor: UIColor { get }
  • The primaryDarkColor color from the Backpack palette - rgb(109, 159, 235).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull primaryDarkColor;

    Swift

    class var primaryDarkColor: UIColor { get }
  • The primaryLightColor color from the Backpack palette - rgb(7, 112, 227).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull primaryLightColor;

    Swift

    class var primaryLightColor: UIColor { get }
  • The shadowLgColor color from the Backpack palette - rgb(17, 18, 54).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull shadowLgColor;

    Swift

    class var shadowLgColor: UIColor { get }
  • The shadowSmColor color from the Backpack palette - rgb(17, 18, 54).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull shadowSmColor;

    Swift

    class var shadowSmColor: UIColor { get }
  • The textPrimaryDarkColor color from the Backpack palette - rgb(255, 255, 255).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textPrimaryDarkColor;

    Swift

    class var textPrimaryDarkColor: UIColor { get }
  • The textPrimaryLightColor color from the Backpack palette - rgb(17, 18, 54).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textPrimaryLightColor;

    Swift

    class var textPrimaryLightColor: UIColor { get }
  • The textQuaternaryDarkColor color from the Backpack palette - rgb(142, 142, 147).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textQuaternaryDarkColor;

    Swift

    class var textQuaternaryDarkColor: UIColor { get }
  • The textQuaternaryLightColor color from the Backpack palette - rgb(143, 144, 160).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textQuaternaryLightColor;

    Swift

    class var textQuaternaryLightColor: UIColor { get }
  • The textSecondaryDarkColor color from the Backpack palette - rgb(142, 142, 147).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textSecondaryDarkColor;

    Swift

    class var textSecondaryDarkColor: UIColor { get }
  • The textSecondaryLightColor color from the Backpack palette - rgb(104, 105, 127).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textSecondaryLightColor;

    Swift

    class var textSecondaryLightColor: UIColor { get }
  • The textTertiaryDarkColor color from the Backpack palette - rgb(142, 142, 147).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textTertiaryDarkColor;

    Swift

    class var textTertiaryDarkColor: UIColor { get }
  • The textTertiaryLightColor color from the Backpack palette - rgb(143, 144, 160).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textTertiaryLightColor;

    Swift

    class var textTertiaryLightColor: UIColor { get }
  • The touchableOverlayColor color from the Backpack palette - rgb(17, 18, 54).

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull touchableOverlayColor;

    Swift

    class var touchableOverlayColor: UIColor { get }
  • The clear color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull clear;

    Swift

    class var clear: UIColor { get }

Dynamic colors

  • The backgroundAlternativeColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeColor;

    Swift

    class var backgroundAlternativeColor: UIColor { get }
  • The backgroundAlternativeSecondaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundAlternativeSecondaryColor;

    Swift

    class var backgroundAlternativeSecondaryColor: UIColor { get }
  • The backgroundColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundColor;

    Swift

    class var backgroundColor: UIColor { get }
  • The backgroundElevation01Color dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation01Color;

    Swift

    class var backgroundElevation01Color: UIColor { get }
  • The backgroundElevation02Color dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation02Color;

    Swift

    class var backgroundElevation02Color: UIColor { get }
  • The backgroundElevation03Color dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundElevation03Color;

    Swift

    class var backgroundElevation03Color: UIColor { get }
  • The backgroundSecondaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundSecondaryColor;

    Swift

    class var backgroundSecondaryColor: UIColor { get }
  • The backgroundTertiaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull backgroundTertiaryColor;

    Swift

    class var backgroundTertiaryColor: UIColor { get }
  • The lineColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull lineColor;

    Swift

    class var lineColor: UIColor { get }
  • The primaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull primaryColor;

    Swift

    class var primaryColor: UIColor { get }
  • The textPrimaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textPrimaryColor;

    Swift

    class var textPrimaryColor: UIColor { get }
  • The textQuaternaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textQuaternaryColor;

    Swift

    class var textQuaternaryColor: UIColor { get }
  • The textSecondaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textSecondaryColor;

    Swift

    class var textSecondaryColor: UIColor { get }
  • The textTertiaryColor dynamic color from the Backpack palette.

    Declaration

    Objective-C

    @property (class, nonatomic, readonly) UIColor *_Nonnull textTertiaryColor;

    Swift

    class var textTertiaryColor: UIColor { get }
  • Combines two UIColor values with a specified weighting.

    Declaration

    Objective-C

    + (nonnull UIColor *)blend:(nonnull UIColor *)firstColor
                          with:(nonnull UIColor *)secondColor
                        weight:(double)weight;

    Swift

    class func blend(_ firstColor: UIColor, with secondColor: UIColor, weight: Double) -> UIColor

    Parameters

    firstColor

    The color you wish to modify.

    secondColor

    The color to blend with the first color.

    weight

    The relative weighting of the first color. Close to 1.0f gives more weight to firstColor. Close to 0.0f gives more weight to secondColor.

  • Generates a dynamic color given a light and dark variant.

    Declaration

    Objective-C

    + (nonnull UIColor *)
        dynamicColorWithLightVariant:(nonnull UIColor *)lightVariant
                         darkVariant:(nonnull UIColor *)darkVariant;

    Swift

    class func dynamicColor(withLightVariant lightVariant: UIColor, darkVariant: UIColor) -> UIColor

    Parameters

    lightVariant

    The color used in light mode, or on systems that don’t support dark-mode.

    darkVariant

    The color used in dark mode.