Module fdg_img::style::colors::full_palette

source · [−]

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; same as AMBER_500 (■ rgb = (255, 193, 7))

Light amber with a tint of 50 (■ rgb = (255, 248, 225))

Light amber with a tint of 100 (■ rgb = (255, 236, 179))

Lighter amber with a tint of 200 (■ rgb = (255, 224, 130))

Lighter amber with a tint of 300 (■ rgb = (255, 213, 79))

Lighter amber with a tint of 400 (■ rgb = (255, 202, 40))

Amber with a tint of 500 (■ rgb = (255, 193, 7))

Darker amber with a tint of 600 (■ rgb = (255, 179, 0))

Darker amber with a tint of 700 (■ rgb = (255, 160, 0))

Dark amber with a tint of 800 (■ rgb = (255, 143, 0))

Dark amber with a tint of 900 (■ rgb = (255, 111, 0))

Accent amber with a tint of A100 (■ rgb = (255, 229, 127))

Accent amber with a tint of A200 (■ rgb = (255, 215, 64))

Accent amber with a tint of A400 (■ rgb = (255, 196, 0))

Accent amber with a tint of A700 (■ rgb = (255, 171, 0))

Black (■ rgb = (0, 0, 0))

Blue; same as BLUE_500 (■ rgb = (33, 150, 243))

Blue grey; same as BLUEGREY_500 (■ rgb = (96, 125, 139))

Light blue grey with a tint of 50 (■ rgb = (236, 239, 241))

Light blue grey with a tint of 100 (■ rgb = (207, 216, 220))

Lighter blue grey with a tint of 200 (■ rgb = (176, 190, 197))

Lighter blue grey with a tint of 300 (■ rgb = (144, 164, 174))

Lighter blue grey with a tint of 400 (■ rgb = (120, 144, 156))

Blue grey with a tint of 500 (■ rgb = (96, 125, 139))

Darker blue grey with a tint of 600 (■ rgb = (84, 110, 122))

Darker blue grey with a tint of 700 (■ rgb = (69, 90, 100))

Dark blue grey with a tint of 800 (■ rgb = (55, 71, 79))

Dark blue grey with a tint of 900 (■ rgb = (38, 50, 56))

Accent blue grey with a tint of A100 (■ rgb = (207, 216, 220))

Accent blue grey with a tint of A200 (■ rgb = (176, 190, 197))

Accent blue grey with a tint of A400 (■ rgb = (120, 144, 156))

Accent blue grey with a tint of A700 (■ rgb = (69, 90, 100))

Light blue with a tint of 50 (■ rgb = (227, 242, 253))

Light blue with a tint of 100 (■ rgb = (187, 222, 251))

Lighter blue with a tint of 200 (■ rgb = (144, 202, 249))

Lighter blue with a tint of 300 (■ rgb = (100, 181, 246))

Lighter blue with a tint of 400 (■ rgb = (66, 165, 245))

Blue with a tint of 500 (■ rgb = (33, 150, 243))

Darker blue with a tint of 600 (■ rgb = (30, 136, 229))

Darker blue with a tint of 700 (■ rgb = (25, 118, 210))

Dark blue with a tint of 800 (■ rgb = (21, 101, 192))

Dark blue with a tint of 900 (■ rgb = (13, 71, 161))

Accent blue with a tint of A100 (■ rgb = (130, 177, 255))

Accent blue with a tint of A200 (■ rgb = (68, 138, 255))

Accent blue with a tint of A400 (■ rgb = (41, 121, 255))

Accent blue with a tint of A700 (■ rgb = (41, 98, 255))

Brown; same as BROWN_500 (■ rgb = (121, 85, 72))

Light brown with a tint of 50 (■ rgb = (239, 235, 233))

Light brown with a tint of 100 (■ rgb = (215, 204, 200))

Lighter brown with a tint of 200 (■ rgb = (188, 170, 164))

Lighter brown with a tint of 300 (■ rgb = (161, 136, 127))

Lighter brown with a tint of 400 (■ rgb = (141, 110, 99))

Brown with a tint of 500 (■ rgb = (121, 85, 72))

Darker brown with a tint of 600 (■ rgb = (109, 76, 65))

Darker brown with a tint of 700 (■ rgb = (93, 64, 55))

Dark brown with a tint of 800 (■ rgb = (78, 52, 46))

Dark brown with a tint of 900 (■ rgb = (62, 39, 35))

Accent brown with a tint of A100 (■ rgb = (215, 204, 200))

Accent brown with a tint of A200 (■ rgb = (188, 170, 164))

Accent brown with a tint of A400 (■ rgb = (141, 110, 99))

Accent brown with a tint of A700 (■ rgb = (93, 64, 55))

Cyan; same as CYAN_500 (■ rgb = (0, 188, 212))

Light cyan with a tint of 50 (■ rgb = (224, 247, 250))

Light cyan with a tint of 100 (■ rgb = (178, 235, 242))

Lighter cyan with a tint of 200 (■ rgb = (128, 222, 234))

Lighter cyan with a tint of 300 (■ rgb = (77, 208, 225))

Lighter cyan with a tint of 400 (■ rgb = (38, 198, 218))

Cyan with a tint of 500 (■ rgb = (0, 188, 212))

Darker cyan with a tint of 600 (■ rgb = (0, 172, 193))

Darker cyan with a tint of 700 (■ rgb = (0, 151, 167))

Dark cyan with a tint of 800 (■ rgb = (0, 131, 143))

Dark cyan with a tint of 900 (■ rgb = (0, 96, 100))

Accent cyan with a tint of A100 (■ rgb = (132, 255, 255))

Accent cyan with a tint of A200 (■ rgb = (24, 255, 255))

Accent cyan with a tint of A400 (■ rgb = (0, 229, 255))

Accent cyan with a tint of A700 (■ rgb = (0, 184, 212))

Deep orange; same as DEEPORANGE_500 (■ rgb = (255, 87, 34))

Light deep orange with a tint of 50 (■ rgb = (251, 233, 231))

Light deep orange with a tint of 100 (■ rgb = (255, 204, 188))

Lighter deep orange with a tint of 200 (■ rgb = (255, 171, 145))

Lighter deep orange with a tint of 300 (■ rgb = (255, 138, 101))

Lighter deep orange with a tint of 400 (■ rgb = (255, 112, 67))

Deep orange with a tint of 500 (■ rgb = (255, 87, 34))

Darker deep orange with a tint of 600 (■ rgb = (244, 81, 30))

Darker deep orange with a tint of 700 (■ rgb = (230, 74, 25))

Dark deep orange with a tint of 800 (■ rgb = (216, 67, 21))

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))

Deep purple; same as DEEPPURPLE_500 (■ rgb = (103, 58, 183))

Light deep purple with a tint of 50 (■ rgb = (237, 231, 246))

Light deep purple with a tint of 100 (■ rgb = (209, 196, 233))

Lighter deep purple with a tint of 200 (■ rgb = (179, 157, 219))

Lighter deep purple with a tint of 300 (■ rgb = (149, 117, 205))

Lighter deep purple with a tint of 400 (■ rgb = (126, 87, 194))

Deep purple with a tint of 500 (■ rgb = (103, 58, 183))

Darker deep purple with a tint of 600 (■ rgb = (94, 53, 177))

Darker deep purple with a tint of 700 (■ rgb = (81, 45, 168))

Dark deep purple with a tint of 800 (■ rgb = (69, 39, 160))

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; same as GREEN_500 (■ rgb = (76, 175, 80))

Light green with a tint of 50 (■ rgb = (232, 245, 233))

Light green with a tint of 100 (■ rgb = (200, 230, 201))

Lighter green with a tint of 200 (■ rgb = (165, 214, 167))

Lighter green with a tint of 300 (■ rgb = (129, 199, 132))

Lighter green with a tint of 400 (■ rgb = (102, 187, 106))

Green with a tint of 500 (■ rgb = (76, 175, 80))

Darker green with a tint of 600 (■ rgb = (67, 160, 71))

Darker green with a tint of 700 (■ rgb = (56, 142, 60))

Dark green with a tint of 800 (■ rgb = (46, 125, 50))

Dark green with a tint of 900 (■ rgb = (27, 94, 32))

Accent green with a tint of A100 (■ rgb = (185, 246, 202))

Accent green with a tint of A200 (■ rgb = (105, 240, 174))

Accent green with a tint of A400 (■ rgb = (0, 230, 118))

Accent green with a tint of A700 (■ rgb = (0, 200, 83))

Grey; same as GREY_500 (■ rgb = (158, 158, 158))

Light grey with a tint of 50 (■ rgb = (250, 250, 250))

Light grey with a tint of 100 (■ rgb = (245, 245, 245))

Lighter grey with a tint of 200 (■ rgb = (238, 238, 238))

Lighter grey with a tint of 300 (■ rgb = (224, 224, 224))

Lighter grey with a tint of 400 (■ rgb = (189, 189, 189))

Grey with a tint of 500 (■ rgb = (158, 158, 158))

Darker grey with a tint of 600 (■ rgb = (117, 117, 117))

Darker grey with a tint of 700 (■ rgb = (97, 97, 97))

Dark grey with a tint of 800 (■ rgb = (66, 66, 66))

Dark grey with a tint of 900 (■ rgb = (33, 33, 33))

Accent grey with a tint of A100 (■ rgb = (213, 213, 213))

Accent grey with a tint of A200 (■ rgb = (170, 170, 170))

Accent grey with a tint of A400 (■ rgb = (48, 48, 48))

Accent grey with a tint of A700 (■ rgb = (97, 97, 97))

Indigo; same as INDIGO_500 (■ rgb = (63, 81, 181))

Light indigo with a tint of 50 (■ rgb = (232, 234, 246))

Light indigo with a tint of 100 (■ rgb = (197, 202, 233))

Lighter indigo with a tint of 200 (■ rgb = (159, 168, 218))

Lighter indigo with a tint of 300 (■ rgb = (121, 134, 203))

Lighter indigo with a tint of 400 (■ rgb = (92, 107, 192))

Indigo with a tint of 500 (■ rgb = (63, 81, 181))

Darker indigo with a tint of 600 (■ rgb = (57, 73, 171))

Darker indigo with a tint of 700 (■ rgb = (48, 63, 159))

Dark indigo with a tint of 800 (■ rgb = (40, 53, 147))

Dark indigo with a tint of 900 (■ rgb = (26, 35, 126))

Accent indigo with a tint of A100 (■ rgb = (140, 158, 255))

Accent indigo with a tint of A200 (■ rgb = (83, 109, 254))

Accent indigo with a tint of A400 (■ rgb = (61, 90, 254))

Accent indigo with a tint of A700 (■ rgb = (48, 79, 254))

Light blue; same as LIGHTBLUE_500 (■ rgb = (3, 169, 244))

Light light blue with a tint of 50 (■ rgb = (225, 245, 254))

Light light blue with a tint of 100 (■ rgb = (179, 229, 252))

Lighter light blue with a tint of 200 (■ rgb = (129, 212, 250))

Lighter light blue with a tint of 300 (■ rgb = (79, 195, 247))

Lighter light blue with a tint of 400 (■ rgb = (41, 182, 246))

Light blue with a tint of 500 (■ rgb = (3, 169, 244))

Darker light blue with a tint of 600 (■ rgb = (3, 155, 229))

Darker light blue with a tint of 700 (■ rgb = (2, 136, 209))

Dark light blue with a tint of 800 (■ rgb = (2, 119, 189))

Dark light blue with a tint of 900 (■ rgb = (1, 87, 155))

Accent light blue with a tint of A100 (■ rgb = (128, 216, 255))

Accent light blue with a tint of A200 (■ rgb = (64, 196, 255))

Accent light blue with a tint of A400 (■ rgb = (0, 176, 255))

Accent light blue with a tint of A700 (■ rgb = (0, 145, 234))

Light green; same as LIGHTGREEN_500 (■ rgb = (139, 195, 74))

Light light green with a tint of 50 (■ rgb = (241, 248, 233))

Light light green with a tint of 100 (■ rgb = (220, 237, 200))

Lighter light green with a tint of 200 (■ rgb = (197, 225, 165))

Lighter light green with a tint of 300 (■ rgb = (174, 213, 129))

Lighter light green with a tint of 400 (■ rgb = (156, 204, 101))

Light green with a tint of 500 (■ rgb = (139, 195, 74))

Darker light green with a tint of 600 (■ rgb = (124, 179, 66))

Darker light green with a tint of 700 (■ rgb = (104, 159, 56))

Dark light green with a tint of 800 (■ rgb = (85, 139, 47))

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; same as LIME_500 (■ rgb = (205, 220, 57))

Light lime with a tint of 50 (■ rgb = (249, 251, 231))

Light lime with a tint of 100 (■ rgb = (240, 244, 195))

Lighter lime with a tint of 200 (■ rgb = (230, 238, 156))

Lighter lime with a tint of 300 (■ rgb = (220, 231, 117))

Lighter lime with a tint of 400 (■ rgb = (212, 225, 87))

Lime with a tint of 500 (■ rgb = (205, 220, 57))

Darker lime with a tint of 600 (■ rgb = (192, 202, 51))

Darker lime with a tint of 700 (■ rgb = (175, 180, 43))

Dark lime with a tint of 800 (■ rgb = (158, 157, 36))

Dark lime with a tint of 900 (■ rgb = (130, 119, 23))

Accent lime with a tint of A100 (■ rgb = (244, 255, 129))

Accent lime with a tint of A200 (■ rgb = (238, 255, 65))

Accent lime with a tint of A400 (■ rgb = (198, 255, 0))

Accent lime with a tint of A700 (■ rgb = (174, 234, 0))

Orange; same as ORANGE_500 (■ rgb = (255, 152, 0))

Light orange with a tint of 50 (■ rgb = (255, 243, 224))

Light orange with a tint of 100 (■ rgb = (255, 224, 178))

Lighter orange with a tint of 200 (■ rgb = (255, 204, 128))

Lighter orange with a tint of 300 (■ rgb = (255, 183, 77))

Lighter orange with a tint of 400 (■ rgb = (255, 167, 38))

Orange with a tint of 500 (■ rgb = (255, 152, 0))

Darker orange with a tint of 600 (■ rgb = (251, 140, 0))

Darker orange with a tint of 700 (■ rgb = (245, 124, 0))

Dark orange with a tint of 800 (■ rgb = (239, 108, 0))

Dark orange with a tint of 900 (■ rgb = (230, 81, 0))

Accent orange with a tint of A100 (■ rgb = (255, 209, 128))

Accent orange with a tint of A200 (■ rgb = (255, 171, 64))

Accent orange with a tint of A400 (■ rgb = (255, 145, 0))

Accent orange with a tint of A700 (■ rgb = (255, 109, 0))

Pink; same as PINK_500 (■ rgb = (233, 30, 99))

Light pink with a tint of 50 (■ rgb = (252, 228, 236))

Light pink with a tint of 100 (■ rgb = (248, 187, 208))

Lighter pink with a tint of 200 (■ rgb = (244, 143, 177))

Lighter pink with a tint of 300 (■ rgb = (240, 98, 146))

Lighter pink with a tint of 400 (■ rgb = (236, 64, 122))

Pink with a tint of 500 (■ rgb = (233, 30, 99))

Darker pink with a tint of 600 (■ rgb = (216, 27, 96))

Darker pink with a tint of 700 (■ rgb = (194, 24, 91))

Dark pink with a tint of 800 (■ rgb = (173, 20, 87))

Dark pink with a tint of 900 (■ rgb = (136, 14, 79))

Accent pink with a tint of A100 (■ rgb = (255, 128, 171))

Accent pink with a tint of A200 (■ rgb = (255, 64, 129))

Accent pink with a tint of A400 (■ rgb = (245, 0, 87))

Accent pink with a tint of A700 (■ rgb = (197, 17, 98))

Purple; same as PURPLE_500 (■ rgb = (156, 39, 176))

Light purple with a tint of 50 (■ rgb = (243, 229, 245))

Light purple with a tint of 100 (■ rgb = (225, 190, 231))

Lighter purple with a tint of 200 (■ rgb = (206, 147, 216))

Lighter purple with a tint of 300 (■ rgb = (186, 104, 200))

Lighter purple with a tint of 400 (■ rgb = (171, 71, 188))

Purple with a tint of 500 (■ rgb = (156, 39, 176))

Darker purple with a tint of 600 (■ rgb = (142, 36, 170))

Darker purple with a tint of 700 (■ rgb = (123, 31, 162))

Dark purple with a tint of 800 (■ rgb = (106, 27, 154))

Dark purple with a tint of 900 (■ rgb = (74, 20, 140))

Accent purple with a tint of A100 (■ rgb = (234, 128, 252))

Accent purple with a tint of A200 (■ rgb = (224, 64, 251))

Accent purple with a tint of A400 (■ rgb = (213, 0, 249))

Accent purple with a tint of A700 (■ rgb = (170, 0, 255))

Red; same as RED_500 (■ rgb = (244, 67, 54))

Light red with a tint of 50 (■ rgb = (255, 235, 238))

Light red with a tint of 100 (■ rgb = (255, 205, 210))

Lighter red with a tint of 200 (■ rgb = (239, 154, 154))

Lighter red with a tint of 300 (■ rgb = (229, 115, 115))

Lighter red with a tint of 400 (■ rgb = (239, 83, 80))

Red with a tint of 500 (■ rgb = (244, 67, 54))

Darker red with a tint of 600 (■ rgb = (229, 57, 53))

Darker red with a tint of 700 (■ rgb = (211, 47, 47))

Dark red with a tint of 800 (■ rgb = (198, 40, 40))

Dark red with a tint of 900 (■ rgb = (183, 28, 28))

Accent red with a tint of A100 (■ rgb = (255, 138, 128))

Accent red with a tint of A200 (■ rgb = (255, 82, 82))

Accent red with a tint of A400 (■ rgb = (255, 23, 68))

Accent red with a tint of A700 (■ rgb = (213, 0, 0))

Teal; same as TEAL_500 (■ rgb = (0, 150, 136))

Light teal with a tint of 50 (■ rgb = (224, 242, 241))

Light teal with a tint of 100 (■ rgb = (178, 223, 219))

Lighter teal with a tint of 200 (■ rgb = (128, 203, 196))

Lighter teal with a tint of 300 (■ rgb = (77, 182, 172))

Lighter teal with a tint of 400 (■ rgb = (38, 166, 154))

Teal with a tint of 500 (■ rgb = (0, 150, 136))

Darker teal with a tint of 600 (■ rgb = (0, 137, 123))

Darker teal with a tint of 700 (■ rgb = (0, 121, 107))

Dark teal with a tint of 800 (■ rgb = (0, 105, 92))

Dark teal with a tint of 900 (■ rgb = (0, 77, 64))

Accent teal with a tint of A100 (■ rgb = (167, 255, 235))

Accent teal with a tint of A200 (■ rgb = (100, 255, 218))

Accent teal with a tint of A400 (■ rgb = (29, 233, 182))

Accent teal with a tint of A700 (■ rgb = (0, 191, 165))

White (■ rgb = (255, 255, 255))

Yellow; same as YELLOW_500 (■ rgb = (255, 235, 59))

Light yellow with a tint of 50 (■ rgb = (255, 253, 231))

Light yellow with a tint of 100 (■ rgb = (255, 249, 196))

Lighter yellow with a tint of 200 (■ rgb = (255, 245, 157))

Lighter yellow with a tint of 300 (■ rgb = (255, 241, 118))

Lighter yellow with a tint of 400 (■ rgb = (255, 238, 88))

Yellow with a tint of 500 (■ rgb = (255, 235, 59))

Darker yellow with a tint of 600 (■ rgb = (253, 216, 53))

Darker yellow with a tint of 700 (■ rgb = (251, 192, 45))

Dark yellow with a tint of 800 (■ rgb = (249, 168, 37))

Dark yellow with a tint of 900 (■ rgb = (245, 127, 23))

Accent yellow with a tint of A100 (■ rgb = (255, 255, 141))

Accent yellow with a tint of A200 (■ rgb = (255, 255, 0))

Accent yellow with a tint of A400 (■ rgb = (255, 234, 0))

Accent yellow with a tint of A700 (■ rgb = (255, 214, 0))