MaterialColor
public enum MaterialColor : UInt32, Equatable, Hashable, Identifiable, CaseIterable, ExpressibleByStringLiteral
A list of colors from Material Design See https://material.io
To use these colors, see the platform specific extensions on UIKit.UIColor, AppKit.NSColor, and SwiftUI.Color
-
Red 50
Declaration
Swift
case red50 = 0xFFEBEE -
Red 100
Declaration
Swift
case red100 = 0xFFCDD2 -
Red 200
Declaration
Swift
case red200 = 0xEF9A9A -
Red 300
Declaration
Swift
case red300 = 0xE57373 -
Red 400
Declaration
Swift
case red400 = 0xEF5350 -
Red 500
Declaration
Swift
case red500 = 0xF44336 -
Red 600
Declaration
Swift
case red600 = 0xE53935 -
Red 700
Declaration
Swift
case red700 = 0xD32F2F -
Red 800
Declaration
Swift
case red800 = 0xC62828 -
Red 900
Declaration
Swift
case red900 = 0xB71C1C -
Red A100
Declaration
Swift
case redA100 = 0xFF8A80 -
Red A200
Declaration
Swift
case redA200 = 0xFF5252 -
Red A400
Declaration
Swift
case redA400 = 0xFF1744 -
Red A700
Declaration
Swift
case redA700 = 0xD50000
-
Pink 50
Declaration
Swift
case pink50 = 0xFCE4EC -
Pink 100
Declaration
Swift
case pink100 = 0xF8BBD0 -
Pink 200
Declaration
Swift
case pink200 = 0xF48FB1 -
Pink 300
Declaration
Swift
case pink300 = 0xF06292 -
Pink 400
Declaration
Swift
case pink400 = 0xEC407A -
Pink 500
Declaration
Swift
case pink500 = 0xE91E63 -
Pink 600
Declaration
Swift
case pink600 = 0xD81B60 -
Pink 700
Declaration
Swift
case pink700 = 0xC2185B -
Pink 800
Declaration
Swift
case pink800 = 0xAD1457 -
Pink 900
Declaration
Swift
case pink900 = 0x880E4F -
Pink A100
Declaration
Swift
case pinkA100 = 0xFF80AB -
Pink A200
Declaration
Swift
case pinkA200 = 0xFF4081 -
Pink A400
Declaration
Swift
case pinkA400 = 0xF50057 -
Pink A700
Declaration
Swift
case pinkA700 = 0xC51162
-
Purple 50
Declaration
Swift
case purple50 = 0xF3E5F5 -
Purple 100
Declaration
Swift
case purple100 = 0xE1BEE7 -
Purple 200
Declaration
Swift
case purple200 = 0xCE93D8 -
Purple 300
Declaration
Swift
case purple300 = 0xBA68C8 -
Purple 400
Declaration
Swift
case purple400 = 0xAB47BC -
Purple 500
Declaration
Swift
case purple500 = 0x9C27B0 -
Purple 600
Declaration
Swift
case purple600 = 0x8E24AA -
Purple 700
Declaration
Swift
case purple700 = 0x7B1FA2 -
Purple 800
Declaration
Swift
case purple800 = 0x6A1B9A -
Purple 900
Declaration
Swift
case purple900 = 0x4A148C -
Purple A100
Declaration
Swift
case purpleA100 = 0xEA80FC -
Purple A200
Declaration
Swift
case purpleA200 = 0xE040FB -
Purple A400
Declaration
Swift
case purpleA400 = 0xD500F9 -
Purple A700
Declaration
Swift
case purpleA700 = 0xAA00FF
-
Deep Purple 50
Declaration
Swift
case deepPurple50 = 0xEDE7F6 -
Deep Purple 100
Declaration
Swift
case deepPurple100 = 0xD1C4E9 -
Deep Purple 200
Declaration
Swift
case deepPurple200 = 0xB39DDB -
Deep Purple 300
Declaration
Swift
case deepPurple300 = 0x9575CD -
Deep Purple 400
Declaration
Swift
case deepPurple400 = 0x7E57C2 -
Deep Purple 500
Declaration
Swift
case deepPurple500 = 0x673AB7 -
Deep Purple 600
Declaration
Swift
case deepPurple600 = 0x5E35B1 -
Deep Purple 700
Declaration
Swift
case deepPurple700 = 0x512DA8 -
Deep Purple 800
Declaration
Swift
case deepPurple800 = 0x4527A0 -
Deep Purple 900
Declaration
Swift
case deepPurple900 = 0x311B92 -
Deep Purple A100
Declaration
Swift
case deepPurpleA100 = 0xB388FF -
Deep Purple A200
Declaration
Swift
case deepPurpleA200 = 0x7C4DFF -
Deep Purple A400
Declaration
Swift
case deepPurpleA400 = 0x651FFF -
Deep Purple A700
Declaration
Swift
case deepPurpleA700 = 0x6200EA
-
Indigo 50
Declaration
Swift
case indigo50 = 0xE8EAF6 -
Indigo 100
Declaration
Swift
case indigo100 = 0xC5CAE9 -
Indigo 200
Declaration
Swift
case indigo200 = 0x9FA8DA -
Indigo 300
Declaration
Swift
case indigo300 = 0x7986CB -
Indigo 400
Declaration
Swift
case indigo400 = 0x5C6BC0 -
Indigo 500
Declaration
Swift
case indigo500 = 0x3F51B5 -
Indigo 600
Declaration
Swift
case indigo600 = 0x3949AB -
Indigo 700
Declaration
Swift
case indigo700 = 0x303F9F -
Indigo 800
Declaration
Swift
case indigo800 = 0x283593 -
Indigo 900
Declaration
Swift
case indigo900 = 0x1A237E -
Indigo A100
Declaration
Swift
case indigoA100 = 0x8C9EFF -
Indigo A200
Declaration
Swift
case indigoA200 = 0x536DFE -
Indigo A400
Declaration
Swift
case indigoA400 = 0x3D5AFE -
Indigo A700
Declaration
Swift
case indigoA700 = 0x304FFE
-
Blue 50
Declaration
Swift
case blue50 = 0xE3F2FD -
Blue 100
Declaration
Swift
case blue100 = 0xBBDEFB -
Blue 200
Declaration
Swift
case blue200 = 0x90CAF9 -
Blue 300
Declaration
Swift
case blue300 = 0x64B5F6 -
Blue 400
Declaration
Swift
case blue400 = 0x42A5F5 -
Blue 500
Declaration
Swift
case blue500 = 0x2196F3 -
Blue 600
Declaration
Swift
case blue600 = 0x1E88E5 -
Blue 700
Declaration
Swift
case blue700 = 0x1976D2 -
Blue 800
Declaration
Swift
case blue800 = 0x1565C0 -
Blue 900
Declaration
Swift
case blue900 = 0x0D47A1 -
Blue A100
Declaration
Swift
case blueA100 = 0x82B1FF -
Blue A200
Declaration
Swift
case blueA200 = 0x448AFF -
Blue A400
Declaration
Swift
case blueA400 = 0x2979FF -
Blue A700
Declaration
Swift
case blueA700 = 0x2962FF
-
Light Blue 50
Declaration
Swift
case lightBlue50 = 0xE1F5FE -
Light Blue 100
Declaration
Swift
case lightBlue100 = 0xB3E5FC -
Light Blue 200
Declaration
Swift
case lightBlue200 = 0x81D4FA -
Light Blue 300
Declaration
Swift
case lightBlue300 = 0x4FC3F7 -
Light Blue 400
Declaration
Swift
case lightBlue400 = 0x29B6F6 -
Light Blue 500
Declaration
Swift
case lightBlue500 = 0x03A9F4 -
Light Blue 600
Declaration
Swift
case lightBlue600 = 0x039BE5 -
Light Blue 700
Declaration
Swift
case lightBlue700 = 0x0288D1 -
Light Blue 800
Declaration
Swift
case lightBlue800 = 0x0277BD -
Light Blue 900
Declaration
Swift
case lightBlue900 = 0x01579B -
Light Blue A100
Declaration
Swift
case lightBlueA100 = 0x80D8FF -
Light Blue A200
Declaration
Swift
case lightBlueA200 = 0x40C4FF -
Light Blue A400
Declaration
Swift
case lightBlueA400 = 0x00B0FF -
Light Blue A700
Declaration
Swift
case lightBlueA700 = 0x0091EA
-
Cyan 50
Declaration
Swift
case cyan50 = 0xE0F7FA -
Cyan 100
Declaration
Swift
case cyan100 = 0xB2EBF2 -
Cyan 200
Declaration
Swift
case cyan200 = 0x80DEEA -
Cyan 300
Declaration
Swift
case cyan300 = 0x4DD0E1 -
Cyan 400
Declaration
Swift
case cyan400 = 0x26C6DA -
Cyan 500
Declaration
Swift
case cyan500 = 0x00BCD4 -
Cyan 600
Declaration
Swift
case cyan600 = 0x00ACC1 -
Cyan 700
Declaration
Swift
case cyan700 = 0x0097A7 -
Cyan 800
Declaration
Swift
case cyan800 = 0x00838F -
Cyan 900
Declaration
Swift
case cyan900 = 0x006064 -
Cyan A100
Declaration
Swift
case cyanA100 = 0x84FFFF -
Cyan A200
Declaration
Swift
case cyanA200 = 0x18FFFF -
Cyan A400
Declaration
Swift
case cyanA400 = 0x00E5FF -
Cyan A700
Declaration
Swift
case cyanA700 = 0x00B8D4
-
Teal 50
Declaration
Swift
case teal50 = 0xE0F2F1 -
Teal 100
Declaration
Swift
case teal100 = 0xB2DFDB -
Teal 200
Declaration
Swift
case teal200 = 0x80CBC4 -
Teal 300
Declaration
Swift
case teal300 = 0x4DB6AC -
Teal 400
Declaration
Swift
case teal400 = 0x26A69A -
Teal 500
Declaration
Swift
case teal500 = 0x009688 -
Teal 600
Declaration
Swift
case teal600 = 0x00897B -
Teal 700
Declaration
Swift
case teal700 = 0x00796B -
Teal 800
Declaration
Swift
case teal800 = 0x00695C -
Teal 900
Declaration
Swift
case teal900 = 0x004D40 -
Teal A100
Declaration
Swift
case tealA100 = 0xA7FFEB -
Teal A200
Declaration
Swift
case tealA200 = 0x64FFDA -
Teal A400
Declaration
Swift
case tealA400 = 0x1DE9B6 -
Teal A700
Declaration
Swift
case tealA700 = 0x00BFA5
-
Green 50
Declaration
Swift
case green50 = 0xE8F5E9 -
Green 100
Declaration
Swift
case green100 = 0xC8E6C9 -
Green 200
Declaration
Swift
case green200 = 0xA5D6A7 -
Green 300
Declaration
Swift
case green300 = 0x81C784 -
Green 400
Declaration
Swift
case green400 = 0x66BB6A -
Green 500
Declaration
Swift
case green500 = 0x4CAF50 -
Green 600
Declaration
Swift
case green600 = 0x43A047 -
Green 700
Declaration
Swift
case green700 = 0x388E3C -
Green 800
Declaration
Swift
case green800 = 0x2E7D32 -
Green 900
Declaration
Swift
case green900 = 0x1B5E20 -
Green A100
Declaration
Swift
case greenA100 = 0xB9F6CA -
Green A200
Declaration
Swift
case greenA200 = 0x69F0AE -
Green A400
Declaration
Swift
case greenA400 = 0x00E676 -
Green A700
Declaration
Swift
case greenA700 = 0x00C853
-
Light Green 50
Declaration
Swift
case lightGreen50 = 0xF1F8E9 -
Light Green 100
Declaration
Swift
case lightGreen100 = 0xDCEDC8 -
Light Green 200
Declaration
Swift
case lightGreen200 = 0xC5E1A5 -
Light Green 300
Declaration
Swift
case lightGreen300 = 0xAED581 -
Light Green 400
Declaration
Swift
case lightGreen400 = 0x9CCC65 -
Light Green 500
Declaration
Swift
case lightGreen500 = 0x8BC34A -
Light Green 600
Declaration
Swift
case lightGreen600 = 0x7CB342 -
Light Green 700
Declaration
Swift
case lightGreen700 = 0x689F38 -
Light Green 800
Declaration
Swift
case lightGreen800 = 0x558B2F -
Light Green 900
Declaration
Swift
case lightGreen900 = 0x33691E -
Light Green A100
Declaration
Swift
case lightGreenA100 = 0xCCFF90 -
Light Green A200
Declaration
Swift
case lightGreenA200 = 0xB2FF59 -
Light Green A400
Declaration
Swift
case lightGreenA400 = 0x76FF03 -
Light Green A700
Declaration
Swift
case lightGreenA700 = 0x64DD17
-
Lime 50
Declaration
Swift
case lime50 = 0xF9FBE7 -
Lime 100
Declaration
Swift
case lime100 = 0xF0F4C3 -
Lime 200
Declaration
Swift
case lime200 = 0xE6EE9C -
Lime 300
Declaration
Swift
case lime300 = 0xDCE775 -
Lime 400
Declaration
Swift
case lime400 = 0xD4E157 -
Lime 500
Declaration
Swift
case lime500 = 0xCDDC39 -
Lime 600
Declaration
Swift
case lime600 = 0xC0CA33 -
Lime 700
Declaration
Swift
case lime700 = 0xAFB42B -
Lime 800
Declaration
Swift
case lime800 = 0x9E9D24 -
Lime 900
Declaration
Swift
case lime900 = 0x827717 -
Lime A100
Declaration
Swift
case limeA100 = 0xF4FF81 -
Lime A200
Declaration
Swift
case limeA200 = 0xEEFF41 -
Lime A400
Declaration
Swift
case limeA400 = 0xC6FF00 -
Lime A700
Declaration
Swift
case limeA700 = 0xAEEA00
-
Yellow 50
Declaration
Swift
case yellow50 = 0xFFFDE7 -
Yellow 100
Declaration
Swift
case yellow100 = 0xFFF9C4 -
Yellow 200
Declaration
Swift
case yellow200 = 0xFFF59D -
Yellow 300
Declaration
Swift
case yellow300 = 0xFFF176 -
Yellow 400
Declaration
Swift
case yellow400 = 0xFFEE58 -
Yellow 500
Declaration
Swift
case yellow500 = 0xFFEB3B -
Yellow 600
Declaration
Swift
case yellow600 = 0xFDD835 -
Yellow 700
Declaration
Swift
case yellow700 = 0xFBC02D -
Yellow 800
Declaration
Swift
case yellow800 = 0xF9A825 -
Yellow 900
Declaration
Swift
case yellow900 = 0xF57F17 -
Yellow A100
Declaration
Swift
case yellowA100 = 0xFFFF8D -
Yellow A200
Declaration
Swift
case yellowA200 = 0xFFFF00 -
Yellow A400
Declaration
Swift
case yellowA400 = 0xFFEA00 -
Yellow A700
Declaration
Swift
case yellowA700 = 0xFFD600
-
Amber 50
Declaration
Swift
case amber50 = 0xFFF8E1 -
Amber 100
Declaration
Swift
case amber100 = 0xFFECB3 -
Amber 200
Declaration
Swift
case amber200 = 0xFFE082 -
Amber 300
Declaration
Swift
case amber300 = 0xFFD54F -
Amber 400
Declaration
Swift
case amber400 = 0xFFCA28 -
Amber 500
Declaration
Swift
case amber500 = 0xFFC107 -
Amber 600
Declaration
Swift
case amber600 = 0xFFB300 -
Amber 700
Declaration
Swift
case amber700 = 0xFFA000 -
Amber 800
Declaration
Swift
case amber800 = 0xFF8F00 -
Amber 900
Declaration
Swift
case amber900 = 0xFF6F00 -
Amber A100
Declaration
Swift
case amberA100 = 0xFFE57F -
Amber A100
Declaration
Swift
case amberA200 = 0xFFD740 -
Amber A400
Declaration
Swift
case amberA400 = 0xFFC400 -
Amber A700
Declaration
Swift
case amberA700 = 0xFFAB00
-
Orange 50
Declaration
Swift
case orange50 = 0xFFF3E0 -
Orange 100
Declaration
Swift
case orange100 = 0xFFE0B2 -
Orange 200
Declaration
Swift
case orange200 = 0xFFCC80 -
Orange 300
Declaration
Swift
case orange300 = 0xFFB74D -
Orange 400
Declaration
Swift
case orange400 = 0xFFA726 -
Orange 500
Declaration
Swift
case orange500 = 0xFF9800 -
Orange 600
Declaration
Swift
case orange600 = 0xFB8C00 -
Orange 700
Declaration
Swift
case orange700 = 0xF57C00 -
Orange 800
Declaration
Swift
case orange800 = 0xEF6C00 -
Orange 900
Declaration
Swift
case orange900 = 0xE65100 -
Orange A100
Declaration
Swift
case orangeA100 = 0xFFD180 -
Orange A200
Declaration
Swift
case orangeA200 = 0xFFAB40 -
Orange A400
Declaration
Swift
case orangeA400 = 0xFF9100 -
Orange A700
Declaration
Swift
case orangeA700 = 0xFF6D00
-
Deep Orange 50
Declaration
Swift
case deepOrange50 = 0xFBE9E7 -
Deep Orange 100
Declaration
Swift
case deepOrange100 = 0xFFCCBC -
Deep Orange 200
Declaration
Swift
case deepOrange200 = 0xFFAB91 -
Deep Orange 300
Declaration
Swift
case deepOrange300 = 0xFF8A65 -
Deep Orange 400
Declaration
Swift
case deepOrange400 = 0xFF7043 -
Deep Orange 500
Declaration
Swift
case deepOrange500 = 0xFF5722 -
Deep Orange 600
Declaration
Swift
case deepOrange600 = 0xF4511E -
Deep Orange 700
Declaration
Swift
case deepOrange700 = 0xE64A19 -
Deep Orange 800
Declaration
Swift
case deepOrange800 = 0xD84315 -
Deep Orange 900
Declaration
Swift
case deepOrange900 = 0xBF360C -
Deep Orange A100
Declaration
Swift
case deepOrangeA100 = 0xFF9E80 -
Deep Orange A200
Declaration
Swift
case deepOrangeA200 = 0xFF6E40 -
Deep Orange A400
Declaration
Swift
case deepOrangeA400 = 0xFF3D00 -
Deep Orange A700
Declaration
Swift
case deepOrangeA700 = 0xDD2C00
-
Brown 50
Declaration
Swift
case brown50 = 0xEFEBE9 -
Brown 100
Declaration
Swift
case brown100 = 0xD7CCC8 -
Brown 200
Declaration
Swift
case brown200 = 0xBCAAA4 -
Brown 300
Declaration
Swift
case brown300 = 0xA1887F -
Brown 400
Declaration
Swift
case brown400 = 0x8D6E63 -
Brown 500
Declaration
Swift
case brown500 = 0x795548 -
Brown 600
Declaration
Swift
case brown600 = 0x6D4C41 -
Brown 700
Declaration
Swift
case brown700 = 0x5D4037 -
Brown 800
Declaration
Swift
case brown800 = 0x4E342E -
Brown 900
Declaration
Swift
case brown900 = 0x3E2723
-
Grey 50
Declaration
Swift
case grey50 = 0xFAFAFA -
Grey 100
Declaration
Swift
case grey100 = 0xF5F5F5 -
Grey 200
Declaration
Swift
case grey200 = 0xEEEEEE -
Grey 300
Declaration
Swift
case grey300 = 0xE0E0E0 -
Grey 400
Declaration
Swift
case grey400 = 0xBDBDBD -
Grey 500
Declaration
Swift
case grey500 = 0x9E9E9E -
Grey 600
Declaration
Swift
case grey600 = 0x757575 -
Grey 700
Declaration
Swift
case grey700 = 0x616161 -
Grey 800
Declaration
Swift
case grey800 = 0x424242 -
Grey 900
Declaration
Swift
case grey900 = 0x212121
-
Blue Grey 50
Declaration
Swift
case blueGrey50 = 0xECEFF1 -
Blue Grey 100
Declaration
Swift
case blueGrey100 = 0xCFD8DC -
Blue Grey 200
Declaration
Swift
case blueGrey200 = 0xB0BEC5 -
Blue Grey 300
Declaration
Swift
case blueGrey300 = 0x90A4AE -
Blue Grey 400
Declaration
Swift
case blueGrey400 = 0x78909C -
Blue Grey 500
Declaration
Swift
case blueGrey500 = 0x607D8B -
Blue Grey 600
Declaration
Swift
case blueGrey600 = 0x546E7A -
Blue Grey 700
Declaration
Swift
case blueGrey700 = 0x455A64 -
Blue Grey 800
Declaration
Swift
case blueGrey800 = 0x37474F -
Blue Grey 900
Declaration
Swift
case blueGrey900 = 0x263238
-
Create a
MaterialColorfrom a string valuelet color = MaterialColor("red50")Declaration
Swift
public init?(_ string: String)Parameters
stringThe string representing the material color
-
Available color familes. All material colors belong to a family.
See moreDeclaration
Swift
public enum Family : String, CaseIterable, Equatable, Hashable, CustomStringConvertible -
A level. All material colors have a level
See moreDeclaration
Swift
public enum Level : String, CaseIterable, Equatable, Hashable, CustomStringConvertible
-
Declaration
Swift
public func hash(into hasher: inout Hasher)
-
Declaration
Swift
public static func == (lhs: MaterialColor, rhs: MaterialColor) -> Bool
-
Declaration
Swift
public typealias ID = String -
Declaration
Swift
public var id: ID { get }
-
Declaration
Swift
public typealias StringLiteralType = String -
Declaration
Swift
public init(stringLiteral value: String)
MaterialColor Enumeration Reference