Expand description
A full color palette derived from the
Material Design 2014 Color Palette.
Colors are chosen to go well with each other, and each color is available in several tints,
ranging from 50 (very light) to 900 (very dark). A tint of 500 is considered “standard”. Color’s whose tint starts
with an ‘A’ (for example RED_A400
) are accent colors and are more saturated than their
standard counterparts.
See the full list of colors defined in this module:
Constants§
- AMBER
- Amber; same as
AMBER_500
(■ rgb = (255, 193, 7)) - AMBER_
50 - Light amber with a tint of 50 (■ rgb = (255, 248, 225))
- AMBER_
100 - Light amber with a tint of 100 (■ rgb = (255, 236, 179))
- AMBER_
200 - Lighter amber with a tint of 200 (■ rgb = (255, 224, 130))
- AMBER_
300 - Lighter amber with a tint of 300 (■ rgb = (255, 213, 79))
- AMBER_
400 - Lighter amber with a tint of 400 (■ rgb = (255, 202, 40))
- AMBER_
500 - Amber with a tint of 500 (■ rgb = (255, 193, 7))
- AMBER_
600 - Darker amber with a tint of 600 (■ rgb = (255, 179, 0))
- AMBER_
700 - Darker amber with a tint of 700 (■ rgb = (255, 160, 0))
- AMBER_
800 - Dark amber with a tint of 800 (■ rgb = (255, 143, 0))
- AMBER_
900 - Dark amber with a tint of 900 (■ rgb = (255, 111, 0))
- AMBER_
A100 - Accent amber with a tint of A100 (■ rgb = (255, 229, 127))
- AMBER_
A200 - Accent amber with a tint of A200 (■ rgb = (255, 215, 64))
- AMBER_
A400 - Accent amber with a tint of A400 (■ rgb = (255, 196, 0))
- AMBER_
A700 - Accent amber with a tint of A700 (■ rgb = (255, 171, 0))
- BLACK
- Black (■ rgb = (0, 0, 0))
- BLUE
- Blue; same as
BLUE_500
(■ rgb = (33, 150, 243)) - BLUEGREY
- Blue grey; same as
BLUEGREY_500
(■ rgb = (96, 125, 139)) - BLUEGREY_
50 - Light blue grey with a tint of 50 (■ rgb = (236, 239, 241))
- BLUEGREY_
100 - Light blue grey with a tint of 100 (■ rgb = (207, 216, 220))
- BLUEGREY_
200 - Lighter blue grey with a tint of 200 (■ rgb = (176, 190, 197))
- BLUEGREY_
300 - Lighter blue grey with a tint of 300 (■ rgb = (144, 164, 174))
- BLUEGREY_
400 - Lighter blue grey with a tint of 400 (■ rgb = (120, 144, 156))
- BLUEGREY_
500 - Blue grey with a tint of 500 (■ rgb = (96, 125, 139))
- BLUEGREY_
600 - Darker blue grey with a tint of 600 (■ rgb = (84, 110, 122))
- BLUEGREY_
700 - Darker blue grey with a tint of 700 (■ rgb = (69, 90, 100))
- BLUEGREY_
800 - Dark blue grey with a tint of 800 (■ rgb = (55, 71, 79))
- BLUEGREY_
900 - Dark blue grey with a tint of 900 (■ rgb = (38, 50, 56))
- BLUEGREY_
A100 - Accent blue grey with a tint of A100 (■ rgb = (207, 216, 220))
- BLUEGREY_
A200 - Accent blue grey with a tint of A200 (■ rgb = (176, 190, 197))
- BLUEGREY_
A400 - Accent blue grey with a tint of A400 (■ rgb = (120, 144, 156))
- BLUEGREY_
A700 - Accent blue grey with a tint of A700 (■ rgb = (69, 90, 100))
- BLUE_50
- Light blue with a tint of 50 (■ rgb = (227, 242, 253))
- BLUE_
100 - Light blue with a tint of 100 (■ rgb = (187, 222, 251))
- BLUE_
200 - Lighter blue with a tint of 200 (■ rgb = (144, 202, 249))
- BLUE_
300 - Lighter blue with a tint of 300 (■ rgb = (100, 181, 246))
- BLUE_
400 - Lighter blue with a tint of 400 (■ rgb = (66, 165, 245))
- BLUE_
500 - Blue with a tint of 500 (■ rgb = (33, 150, 243))
- BLUE_
600 - Darker blue with a tint of 600 (■ rgb = (30, 136, 229))
- BLUE_
700 - Darker blue with a tint of 700 (■ rgb = (25, 118, 210))
- BLUE_
800 - Dark blue with a tint of 800 (■ rgb = (21, 101, 192))
- BLUE_
900 - Dark blue with a tint of 900 (■ rgb = (13, 71, 161))
- BLUE_
A100 - Accent blue with a tint of A100 (■ rgb = (130, 177, 255))
- BLUE_
A200 - Accent blue with a tint of A200 (■ rgb = (68, 138, 255))
- BLUE_
A400 - Accent blue with a tint of A400 (■ rgb = (41, 121, 255))
- BLUE_
A700 - Accent blue with a tint of A700 (■ rgb = (41, 98, 255))
- BROWN
- Brown; same as
BROWN_500
(■ rgb = (121, 85, 72)) - BROWN_
50 - Light brown with a tint of 50 (■ rgb = (239, 235, 233))
- BROWN_
100 - Light brown with a tint of 100 (■ rgb = (215, 204, 200))
- BROWN_
200 - Lighter brown with a tint of 200 (■ rgb = (188, 170, 164))
- BROWN_
300 - Lighter brown with a tint of 300 (■ rgb = (161, 136, 127))
- BROWN_
400 - Lighter brown with a tint of 400 (■ rgb = (141, 110, 99))
- BROWN_
500 - Brown with a tint of 500 (■ rgb = (121, 85, 72))
- BROWN_
600 - Darker brown with a tint of 600 (■ rgb = (109, 76, 65))
- BROWN_
700 - Darker brown with a tint of 700 (■ rgb = (93, 64, 55))
- BROWN_
800 - Dark brown with a tint of 800 (■ rgb = (78, 52, 46))
- BROWN_
900 - Dark brown with a tint of 900 (■ rgb = (62, 39, 35))
- BROWN_
A100 - Accent brown with a tint of A100 (■ rgb = (215, 204, 200))
- BROWN_
A200 - Accent brown with a tint of A200 (■ rgb = (188, 170, 164))
- BROWN_
A400 - Accent brown with a tint of A400 (■ rgb = (141, 110, 99))
- BROWN_
A700 - Accent brown with a tint of A700 (■ rgb = (93, 64, 55))
- CYAN
- Cyan; same as
CYAN_500
(■ rgb = (0, 188, 212)) - CYAN_50
- Light cyan with a tint of 50 (■ rgb = (224, 247, 250))
- CYAN_
100 - Light cyan with a tint of 100 (■ rgb = (178, 235, 242))
- CYAN_
200 - Lighter cyan with a tint of 200 (■ rgb = (128, 222, 234))
- CYAN_
300 - Lighter cyan with a tint of 300 (■ rgb = (77, 208, 225))
- CYAN_
400 - Lighter cyan with a tint of 400 (■ rgb = (38, 198, 218))
- CYAN_
500 - Cyan with a tint of 500 (■ rgb = (0, 188, 212))
- CYAN_
600 - Darker cyan with a tint of 600 (■ rgb = (0, 172, 193))
- CYAN_
700 - Darker cyan with a tint of 700 (■ rgb = (0, 151, 167))
- CYAN_
800 - Dark cyan with a tint of 800 (■ rgb = (0, 131, 143))
- CYAN_
900 - Dark cyan with a tint of 900 (■ rgb = (0, 96, 100))
- CYAN_
A100 - Accent cyan with a tint of A100 (■ rgb = (132, 255, 255))
- CYAN_
A200 - Accent cyan with a tint of A200 (■ rgb = (24, 255, 255))
- CYAN_
A400 - Accent cyan with a tint of A400 (■ rgb = (0, 229, 255))
- CYAN_
A700 - Accent cyan with a tint of A700 (■ rgb = (0, 184, 212))
- DEEPORANGE
- Deep orange; same as
DEEPORANGE_500
(■ rgb = (255, 87, 34)) - DEEPORANGE_
50 - Light deep orange with a tint of 50 (■ rgb = (251, 233, 231))
- DEEPORANGE_
100 - Light deep orange with a tint of 100 (■ rgb = (255, 204, 188))
- DEEPORANGE_
200 - Lighter deep orange with a tint of 200 (■ rgb = (255, 171, 145))
- DEEPORANGE_
300 - Lighter deep orange with a tint of 300 (■ rgb = (255, 138, 101))
- DEEPORANGE_
400 - Lighter deep orange with a tint of 400 (■ rgb = (255, 112, 67))
- DEEPORANGE_
500 - Deep orange with a tint of 500 (■ rgb = (255, 87, 34))
- DEEPORANGE_
600 - Darker deep orange with a tint of 600 (■ rgb = (244, 81, 30))
- DEEPORANGE_
700 - Darker deep orange with a tint of 700 (■ rgb = (230, 74, 25))
- DEEPORANGE_
800 - Dark deep orange with a tint of 800 (■ rgb = (216, 67, 21))
- DEEPORANGE_
900 - Dark deep orange with a tint of 900 (■ rgb = (191, 54, 12))
- DEEPORANGE_
A100 - Accent deep orange with a tint of A100 (■ rgb = (255, 158, 128))
- DEEPORANGE_
A200 - Accent deep orange with a tint of A200 (■ rgb = (255, 110, 64))
- DEEPORANGE_
A400 - Accent deep orange with a tint of A400 (■ rgb = (255, 61, 0))
- DEEPORANGE_
A700 - Accent deep orange with a tint of A700 (■ rgb = (221, 44, 0))
- DEEPPURPLE
- Deep purple; same as
DEEPPURPLE_500
(■ rgb = (103, 58, 183)) - DEEPPURPLE_
50 - Light deep purple with a tint of 50 (■ rgb = (237, 231, 246))
- DEEPPURPLE_
100 - Light deep purple with a tint of 100 (■ rgb = (209, 196, 233))
- DEEPPURPLE_
200 - Lighter deep purple with a tint of 200 (■ rgb = (179, 157, 219))
- DEEPPURPLE_
300 - Lighter deep purple with a tint of 300 (■ rgb = (149, 117, 205))
- DEEPPURPLE_
400 - Lighter deep purple with a tint of 400 (■ rgb = (126, 87, 194))
- DEEPPURPLE_
500 - Deep purple with a tint of 500 (■ rgb = (103, 58, 183))
- DEEPPURPLE_
600 - Darker deep purple with a tint of 600 (■ rgb = (94, 53, 177))
- DEEPPURPLE_
700 - Darker deep purple with a tint of 700 (■ rgb = (81, 45, 168))
- DEEPPURPLE_
800 - Dark deep purple with a tint of 800 (■ rgb = (69, 39, 160))
- DEEPPURPLE_
900 - Dark deep purple with a tint of 900 (■ rgb = (49, 27, 146))
- DEEPPURPLE_
A100 - Accent deep purple with a tint of A100 (■ rgb = (179, 136, 255))
- DEEPPURPLE_
A200 - Accent deep purple with a tint of A200 (■ rgb = (124, 77, 255))
- DEEPPURPLE_
A400 - Accent deep purple with a tint of A400 (■ rgb = (101, 31, 255))
- DEEPPURPLE_
A700 - Accent deep purple with a tint of A700 (■ rgb = (98, 0, 234))
- GREEN
- Green; same as
GREEN_500
(■ rgb = (76, 175, 80)) - GREEN_
50 - Light green with a tint of 50 (■ rgb = (232, 245, 233))
- GREEN_
100 - Light green with a tint of 100 (■ rgb = (200, 230, 201))
- GREEN_
200 - Lighter green with a tint of 200 (■ rgb = (165, 214, 167))
- GREEN_
300 - Lighter green with a tint of 300 (■ rgb = (129, 199, 132))
- GREEN_
400 - Lighter green with a tint of 400 (■ rgb = (102, 187, 106))
- GREEN_
500 - Green with a tint of 500 (■ rgb = (76, 175, 80))
- GREEN_
600 - Darker green with a tint of 600 (■ rgb = (67, 160, 71))
- GREEN_
700 - Darker green with a tint of 700 (■ rgb = (56, 142, 60))
- GREEN_
800 - Dark green with a tint of 800 (■ rgb = (46, 125, 50))
- GREEN_
900 - Dark green with a tint of 900 (■ rgb = (27, 94, 32))
- GREEN_
A100 - Accent green with a tint of A100 (■ rgb = (185, 246, 202))
- GREEN_
A200 - Accent green with a tint of A200 (■ rgb = (105, 240, 174))
- GREEN_
A400 - Accent green with a tint of A400 (■ rgb = (0, 230, 118))
- GREEN_
A700 - Accent green with a tint of A700 (■ rgb = (0, 200, 83))
- GREY
- Grey; same as
GREY_500
(■ rgb = (158, 158, 158)) - GREY_50
- Light grey with a tint of 50 (■ rgb = (250, 250, 250))
- GREY_
100 - Light grey with a tint of 100 (■ rgb = (245, 245, 245))
- GREY_
200 - Lighter grey with a tint of 200 (■ rgb = (238, 238, 238))
- GREY_
300 - Lighter grey with a tint of 300 (■ rgb = (224, 224, 224))
- GREY_
400 - Lighter grey with a tint of 400 (■ rgb = (189, 189, 189))
- GREY_
500 - Grey with a tint of 500 (■ rgb = (158, 158, 158))
- GREY_
600 - Darker grey with a tint of 600 (■ rgb = (117, 117, 117))
- GREY_
700 - Darker grey with a tint of 700 (■ rgb = (97, 97, 97))
- GREY_
800 - Dark grey with a tint of 800 (■ rgb = (66, 66, 66))
- GREY_
900 - Dark grey with a tint of 900 (■ rgb = (33, 33, 33))
- GREY_
A100 - Accent grey with a tint of A100 (■ rgb = (213, 213, 213))
- GREY_
A200 - Accent grey with a tint of A200 (■ rgb = (170, 170, 170))
- GREY_
A400 - Accent grey with a tint of A400 (■ rgb = (48, 48, 48))
- GREY_
A700 - Accent grey with a tint of A700 (■ rgb = (97, 97, 97))
- INDIGO
- Indigo; same as
INDIGO_500
(■ rgb = (63, 81, 181)) - INDIGO_
50 - Light indigo with a tint of 50 (■ rgb = (232, 234, 246))
- INDIGO_
100 - Light indigo with a tint of 100 (■ rgb = (197, 202, 233))
- INDIGO_
200 - Lighter indigo with a tint of 200 (■ rgb = (159, 168, 218))
- INDIGO_
300 - Lighter indigo with a tint of 300 (■ rgb = (121, 134, 203))
- INDIGO_
400 - Lighter indigo with a tint of 400 (■ rgb = (92, 107, 192))
- INDIGO_
500 - Indigo with a tint of 500 (■ rgb = (63, 81, 181))
- INDIGO_
600 - Darker indigo with a tint of 600 (■ rgb = (57, 73, 171))
- INDIGO_
700 - Darker indigo with a tint of 700 (■ rgb = (48, 63, 159))
- INDIGO_
800 - Dark indigo with a tint of 800 (■ rgb = (40, 53, 147))
- INDIGO_
900 - Dark indigo with a tint of 900 (■ rgb = (26, 35, 126))
- INDIGO_
A100 - Accent indigo with a tint of A100 (■ rgb = (140, 158, 255))
- INDIGO_
A200 - Accent indigo with a tint of A200 (■ rgb = (83, 109, 254))
- INDIGO_
A400 - Accent indigo with a tint of A400 (■ rgb = (61, 90, 254))
- INDIGO_
A700 - Accent indigo with a tint of A700 (■ rgb = (48, 79, 254))
- LIGHTBLUE
- Light blue; same as
LIGHTBLUE_500
(■ rgb = (3, 169, 244)) - LIGHTBLUE_
50 - Light light blue with a tint of 50 (■ rgb = (225, 245, 254))
- LIGHTBLUE_
100 - Light light blue with a tint of 100 (■ rgb = (179, 229, 252))
- LIGHTBLUE_
200 - Lighter light blue with a tint of 200 (■ rgb = (129, 212, 250))
- LIGHTBLUE_
300 - Lighter light blue with a tint of 300 (■ rgb = (79, 195, 247))
- LIGHTBLUE_
400 - Lighter light blue with a tint of 400 (■ rgb = (41, 182, 246))
- LIGHTBLUE_
500 - Light blue with a tint of 500 (■ rgb = (3, 169, 244))
- LIGHTBLUE_
600 - Darker light blue with a tint of 600 (■ rgb = (3, 155, 229))
- LIGHTBLUE_
700 - Darker light blue with a tint of 700 (■ rgb = (2, 136, 209))
- LIGHTBLUE_
800 - Dark light blue with a tint of 800 (■ rgb = (2, 119, 189))
- LIGHTBLUE_
900 - Dark light blue with a tint of 900 (■ rgb = (1, 87, 155))
- LIGHTBLUE_
A100 - Accent light blue with a tint of A100 (■ rgb = (128, 216, 255))
- LIGHTBLUE_
A200 - Accent light blue with a tint of A200 (■ rgb = (64, 196, 255))
- LIGHTBLUE_
A400 - Accent light blue with a tint of A400 (■ rgb = (0, 176, 255))
- LIGHTBLUE_
A700 - Accent light blue with a tint of A700 (■ rgb = (0, 145, 234))
- LIGHTGREEN
- Light green; same as
LIGHTGREEN_500
(■ rgb = (139, 195, 74)) - LIGHTGREEN_
50 - Light light green with a tint of 50 (■ rgb = (241, 248, 233))
- LIGHTGREEN_
100 - Light light green with a tint of 100 (■ rgb = (220, 237, 200))
- LIGHTGREEN_
200 - Lighter light green with a tint of 200 (■ rgb = (197, 225, 165))
- LIGHTGREEN_
300 - Lighter light green with a tint of 300 (■ rgb = (174, 213, 129))
- LIGHTGREEN_
400 - Lighter light green with a tint of 400 (■ rgb = (156, 204, 101))
- LIGHTGREEN_
500 - Light green with a tint of 500 (■ rgb = (139, 195, 74))
- LIGHTGREEN_
600 - Darker light green with a tint of 600 (■ rgb = (124, 179, 66))
- LIGHTGREEN_
700 - Darker light green with a tint of 700 (■ rgb = (104, 159, 56))
- LIGHTGREEN_
800 - Dark light green with a tint of 800 (■ rgb = (85, 139, 47))
- LIGHTGREEN_
900 - Dark light green with a tint of 900 (■ rgb = (51, 105, 30))
- LIGHTGREEN_
A100 - Accent light green with a tint of A100 (■ rgb = (204, 255, 144))
- LIGHTGREEN_
A200 - Accent light green with a tint of A200 (■ rgb = (178, 255, 89))
- LIGHTGREEN_
A400 - Accent light green with a tint of A400 (■ rgb = (118, 255, 3))
- LIGHTGREEN_
A700 - Accent light green with a tint of A700 (■ rgb = (100, 221, 23))
- LIME
- Lime; same as
LIME_500
(■ rgb = (205, 220, 57)) - LIME_50
- Light lime with a tint of 50 (■ rgb = (249, 251, 231))
- LIME_
100 - Light lime with a tint of 100 (■ rgb = (240, 244, 195))
- LIME_
200 - Lighter lime with a tint of 200 (■ rgb = (230, 238, 156))
- LIME_
300 - Lighter lime with a tint of 300 (■ rgb = (220, 231, 117))
- LIME_
400 - Lighter lime with a tint of 400 (■ rgb = (212, 225, 87))
- LIME_
500 - Lime with a tint of 500 (■ rgb = (205, 220, 57))
- LIME_
600 - Darker lime with a tint of 600 (■ rgb = (192, 202, 51))
- LIME_
700 - Darker lime with a tint of 700 (■ rgb = (175, 180, 43))
- LIME_
800 - Dark lime with a tint of 800 (■ rgb = (158, 157, 36))
- LIME_
900 - Dark lime with a tint of 900 (■ rgb = (130, 119, 23))
- LIME_
A100 - Accent lime with a tint of A100 (■ rgb = (244, 255, 129))
- LIME_
A200 - Accent lime with a tint of A200 (■ rgb = (238, 255, 65))
- LIME_
A400 - Accent lime with a tint of A400 (■ rgb = (198, 255, 0))
- LIME_
A700 - Accent lime with a tint of A700 (■ rgb = (174, 234, 0))
- ORANGE
- Orange; same as
ORANGE_500
(■ rgb = (255, 152, 0)) - ORANGE_
50 - Light orange with a tint of 50 (■ rgb = (255, 243, 224))
- ORANGE_
100 - Light orange with a tint of 100 (■ rgb = (255, 224, 178))
- ORANGE_
200 - Lighter orange with a tint of 200 (■ rgb = (255, 204, 128))
- ORANGE_
300 - Lighter orange with a tint of 300 (■ rgb = (255, 183, 77))
- ORANGE_
400 - Lighter orange with a tint of 400 (■ rgb = (255, 167, 38))
- ORANGE_
500 - Orange with a tint of 500 (■ rgb = (255, 152, 0))
- ORANGE_
600 - Darker orange with a tint of 600 (■ rgb = (251, 140, 0))
- ORANGE_
700 - Darker orange with a tint of 700 (■ rgb = (245, 124, 0))
- ORANGE_
800 - Dark orange with a tint of 800 (■ rgb = (239, 108, 0))
- ORANGE_
900 - Dark orange with a tint of 900 (■ rgb = (230, 81, 0))
- ORANGE_
A100 - Accent orange with a tint of A100 (■ rgb = (255, 209, 128))
- ORANGE_
A200 - Accent orange with a tint of A200 (■ rgb = (255, 171, 64))
- ORANGE_
A400 - Accent orange with a tint of A400 (■ rgb = (255, 145, 0))
- ORANGE_
A700 - Accent orange with a tint of A700 (■ rgb = (255, 109, 0))
- PINK
- Pink; same as
PINK_500
(■ rgb = (233, 30, 99)) - PINK_50
- Light pink with a tint of 50 (■ rgb = (252, 228, 236))
- PINK_
100 - Light pink with a tint of 100 (■ rgb = (248, 187, 208))
- PINK_
200 - Lighter pink with a tint of 200 (■ rgb = (244, 143, 177))
- PINK_
300 - Lighter pink with a tint of 300 (■ rgb = (240, 98, 146))
- PINK_
400 - Lighter pink with a tint of 400 (■ rgb = (236, 64, 122))
- PINK_
500 - Pink with a tint of 500 (■ rgb = (233, 30, 99))
- PINK_
600 - Darker pink with a tint of 600 (■ rgb = (216, 27, 96))
- PINK_
700 - Darker pink with a tint of 700 (■ rgb = (194, 24, 91))
- PINK_
800 - Dark pink with a tint of 800 (■ rgb = (173, 20, 87))
- PINK_
900 - Dark pink with a tint of 900 (■ rgb = (136, 14, 79))
- PINK_
A100 - Accent pink with a tint of A100 (■ rgb = (255, 128, 171))
- PINK_
A200 - Accent pink with a tint of A200 (■ rgb = (255, 64, 129))
- PINK_
A400 - Accent pink with a tint of A400 (■ rgb = (245, 0, 87))
- PINK_
A700 - Accent pink with a tint of A700 (■ rgb = (197, 17, 98))
- PURPLE
- Purple; same as
PURPLE_500
(■ rgb = (156, 39, 176)) - PURPLE_
50 - Light purple with a tint of 50 (■ rgb = (243, 229, 245))
- PURPLE_
100 - Light purple with a tint of 100 (■ rgb = (225, 190, 231))
- PURPLE_
200 - Lighter purple with a tint of 200 (■ rgb = (206, 147, 216))
- PURPLE_
300 - Lighter purple with a tint of 300 (■ rgb = (186, 104, 200))
- PURPLE_
400 - Lighter purple with a tint of 400 (■ rgb = (171, 71, 188))
- PURPLE_
500 - Purple with a tint of 500 (■ rgb = (156, 39, 176))
- PURPLE_
600 - Darker purple with a tint of 600 (■ rgb = (142, 36, 170))
- PURPLE_
700 - Darker purple with a tint of 700 (■ rgb = (123, 31, 162))
- PURPLE_
800 - Dark purple with a tint of 800 (■ rgb = (106, 27, 154))
- PURPLE_
900 - Dark purple with a tint of 900 (■ rgb = (74, 20, 140))
- PURPLE_
A100 - Accent purple with a tint of A100 (■ rgb = (234, 128, 252))
- PURPLE_
A200 - Accent purple with a tint of A200 (■ rgb = (224, 64, 251))
- PURPLE_
A400 - Accent purple with a tint of A400 (■ rgb = (213, 0, 249))
- PURPLE_
A700 - Accent purple with a tint of A700 (■ rgb = (170, 0, 255))
- RED
- Red; same as
RED_500
(■ rgb = (244, 67, 54)) - RED_50
- Light red with a tint of 50 (■ rgb = (255, 235, 238))
- RED_100
- Light red with a tint of 100 (■ rgb = (255, 205, 210))
- RED_200
- Lighter red with a tint of 200 (■ rgb = (239, 154, 154))
- RED_300
- Lighter red with a tint of 300 (■ rgb = (229, 115, 115))
- RED_400
- Lighter red with a tint of 400 (■ rgb = (239, 83, 80))
- RED_500
- Red with a tint of 500 (■ rgb = (244, 67, 54))
- RED_600
- Darker red with a tint of 600 (■ rgb = (229, 57, 53))
- RED_700
- Darker red with a tint of 700 (■ rgb = (211, 47, 47))
- RED_800
- Dark red with a tint of 800 (■ rgb = (198, 40, 40))
- RED_900
- Dark red with a tint of 900 (■ rgb = (183, 28, 28))
- RED_
A100 - Accent red with a tint of A100 (■ rgb = (255, 138, 128))
- RED_
A200 - Accent red with a tint of A200 (■ rgb = (255, 82, 82))
- RED_
A400 - Accent red with a tint of A400 (■ rgb = (255, 23, 68))
- RED_
A700 - Accent red with a tint of A700 (■ rgb = (213, 0, 0))
- TEAL
- Teal; same as
TEAL_500
(■ rgb = (0, 150, 136)) - TEAL_50
- Light teal with a tint of 50 (■ rgb = (224, 242, 241))
- TEAL_
100 - Light teal with a tint of 100 (■ rgb = (178, 223, 219))
- TEAL_
200 - Lighter teal with a tint of 200 (■ rgb = (128, 203, 196))
- TEAL_
300 - Lighter teal with a tint of 300 (■ rgb = (77, 182, 172))
- TEAL_
400 - Lighter teal with a tint of 400 (■ rgb = (38, 166, 154))
- TEAL_
500 - Teal with a tint of 500 (■ rgb = (0, 150, 136))
- TEAL_
600 - Darker teal with a tint of 600 (■ rgb = (0, 137, 123))
- TEAL_
700 - Darker teal with a tint of 700 (■ rgb = (0, 121, 107))
- TEAL_
800 - Dark teal with a tint of 800 (■ rgb = (0, 105, 92))
- TEAL_
900 - Dark teal with a tint of 900 (■ rgb = (0, 77, 64))
- TEAL_
A100 - Accent teal with a tint of A100 (■ rgb = (167, 255, 235))
- TEAL_
A200 - Accent teal with a tint of A200 (■ rgb = (100, 255, 218))
- TEAL_
A400 - Accent teal with a tint of A400 (■ rgb = (29, 233, 182))
- TEAL_
A700 - Accent teal with a tint of A700 (■ rgb = (0, 191, 165))
- WHITE
- White (■ rgb = (255, 255, 255))
- YELLOW
- Yellow; same as
YELLOW_500
(■ rgb = (255, 235, 59)) - YELLOW_
50 - Light yellow with a tint of 50 (■ rgb = (255, 253, 231))
- YELLOW_
100 - Light yellow with a tint of 100 (■ rgb = (255, 249, 196))
- YELLOW_
200 - Lighter yellow with a tint of 200 (■ rgb = (255, 245, 157))
- YELLOW_
300 - Lighter yellow with a tint of 300 (■ rgb = (255, 241, 118))
- YELLOW_
400 - Lighter yellow with a tint of 400 (■ rgb = (255, 238, 88))
- YELLOW_
500 - Yellow with a tint of 500 (■ rgb = (255, 235, 59))
- YELLOW_
600 - Darker yellow with a tint of 600 (■ rgb = (253, 216, 53))
- YELLOW_
700 - Darker yellow with a tint of 700 (■ rgb = (251, 192, 45))
- YELLOW_
800 - Dark yellow with a tint of 800 (■ rgb = (249, 168, 37))
- YELLOW_
900 - Dark yellow with a tint of 900 (■ rgb = (245, 127, 23))
- YELLOW_
A100 - Accent yellow with a tint of A100 (■ rgb = (255, 255, 141))
- YELLOW_
A200 - Accent yellow with a tint of A200 (■ rgb = (255, 255, 0))
- YELLOW_
A400 - Accent yellow with a tint of A400 (■ rgb = (255, 234, 0))
- YELLOW_
A700 - Accent yellow with a tint of A700 (■ rgb = (255, 214, 0))