Skip to main content
Version: 5.8

GWT Material color table

The GWT Material colors are provided by an enumeration, GwtMaterialColor.

Here an example how to use it:

// sets default color
Defaults.get().getGlobal().setColor(GwtMaterialColor.RED);
NameHexRGBColor
AMBER#ffc107rgb(255,193,7)                 
AMBER_ACCENT_1#ffe57frgb(255,229,127)                 
AMBER_ACCENT_2#ffd740rgb(255,215,64)                 
AMBER_ACCENT_3#ffc400rgb(255,196,0)                 
AMBER_ACCENT_4#ffab00rgb(255,171,0)                 
AMBER_DARKEN_1#ffb300rgb(255,179,0)                 
AMBER_DARKEN_2#ffa000rgb(255,160,0)                 
AMBER_DARKEN_3#ff8f00rgb(255,143,0)                 
AMBER_DARKEN_4#ff6f00rgb(255,111,0)                 
AMBER_LIGHTEN_1#ffca28rgb(255,202,40)                 
AMBER_LIGHTEN_2#ffd54frgb(255,213,79)                 
AMBER_LIGHTEN_3#ffe082rgb(255,224,130)                 
AMBER_LIGHTEN_4#ffecb3rgb(255,236,179)                 
AMBER_LIGHTEN_5#fff8e1rgb(255,248,225)                 
BLACK#000000rgb(0,0,0)                 
BLUE#2196f3rgb(33,150,243)                 
BLUE_ACCENT_1#82b1ffrgb(130,177,255)                 
BLUE_ACCENT_2#448affrgb(68,138,255)                 
BLUE_ACCENT_3#2979ffrgb(41,121,255)                 
BLUE_ACCENT_4#2962ffrgb(41,98,255)                 
BLUE_DARKEN_1#1e88e5rgb(30,136,229)                 
BLUE_DARKEN_2#1976d2rgb(25,118,210)                 
BLUE_DARKEN_3#1565c0rgb(21,101,192)                 
BLUE_DARKEN_4#0d47a1rgb(13,71,161)                 
BLUE_GREY#607d8brgb(96,125,139)                 
BLUE_GREY_DARKEN_1#546e7argb(84,110,122)                 
BLUE_GREY_DARKEN_2#455a64rgb(69,90,100)                 
BLUE_GREY_DARKEN_3#37474frgb(55,71,79)                 
BLUE_GREY_DARKEN_4#263238rgb(38,50,56)                 
BLUE_GREY_LIGHTEN_1#78909crgb(120,144,156)                 
BLUE_GREY_LIGHTEN_2#90a4aergb(144,164,174)                 
BLUE_GREY_LIGHTEN_3#b0bec5rgb(176,190,197)                 
BLUE_GREY_LIGHTEN_4#cfd8dcrgb(207,216,220)                 
BLUE_GREY_LIGHTEN_5#eceff1rgb(236,239,241)                 
BLUE_LIGHTEN_1#42a5f5rgb(66,165,245)                 
BLUE_LIGHTEN_2#64b5f6rgb(100,181,246)                 
BLUE_LIGHTEN_3#90caf9rgb(144,202,249)                 
BLUE_LIGHTEN_4#bbdefbrgb(187,222,251)                 
BLUE_LIGHTEN_5#e3f2fdrgb(227,242,253)                 
BROWN#795548rgb(121,85,72)                 
BROWN_DARKEN_1#6d4c41rgb(109,76,65)                 
BROWN_DARKEN_2#5d4037rgb(93,64,55)                 
BROWN_DARKEN_3#4e342ergb(78,52,46)                 
BROWN_DARKEN_4#3e2723rgb(62,39,35)                 
BROWN_LIGHTEN_1#8d6e63rgb(141,110,99)                 
BROWN_LIGHTEN_2#a1887frgb(161,136,127)                 
BROWN_LIGHTEN_3#bcaaa4rgb(188,170,164)                 
BROWN_LIGHTEN_4#d7ccc8rgb(215,204,200)                 
BROWN_LIGHTEN_5#efebe9rgb(239,235,233)                 
CYAN#00bcd4rgb(0,188,212)                 
CYAN_ACCENT_1#84ffffrgb(132,255,255)                 
CYAN_ACCENT_2#18ffffrgb(24,255,255)                 
CYAN_ACCENT_3#00e5ffrgb(0,229,255)                 
CYAN_ACCENT_4#00b8d4rgb(0,184,212)                 
CYAN_DARKEN_1#00acc1rgb(0,172,193)                 
CYAN_DARKEN_2#0097a7rgb(0,151,167)                 
CYAN_DARKEN_3#00838frgb(0,131,143)                 
CYAN_DARKEN_4#006064rgb(0,96,100)                 
CYAN_LIGHTEN_1#26c6dargb(38,198,218)                 
CYAN_LIGHTEN_2#4dd0e1rgb(77,208,225)                 
CYAN_LIGHTEN_3#80deeargb(128,222,234)                 
CYAN_LIGHTEN_4#b2ebf2rgb(178,235,242)                 
CYAN_LIGHTEN_5#e0f7fargb(224,247,250)                 
DEEP_ORANGE#ff5722rgb(255,87,34)                 
DEEP_ORANGE_ACCENT_1#ff9e80rgb(255,158,128)                 
DEEP_ORANGE_ACCENT_2#ff6e40rgb(255,110,64)                 
DEEP_ORANGE_ACCENT_3#ff3d00rgb(255,61,0)                 
DEEP_ORANGE_ACCENT_4#dd2c00rgb(221,44,0)                 
DEEP_ORANGE_DARKEN_1#f4511ergb(244,81,30)                 
DEEP_ORANGE_DARKEN_2#e64a19rgb(230,74,25)                 
DEEP_ORANGE_DARKEN_3#d84315rgb(216,67,21)                 
DEEP_ORANGE_DARKEN_4#bf360crgb(191,54,12)                 
DEEP_ORANGE_LIGHTEN_1#ff7043rgb(255,112,67)                 
DEEP_ORANGE_LIGHTEN_2#ff8a65rgb(255,138,101)                 
DEEP_ORANGE_LIGHTEN_3#ffab91rgb(255,171,145)                 
DEEP_ORANGE_LIGHTEN_4#ffccbcrgb(255,204,188)                 
DEEP_ORANGE_LIGHTEN_5#fbe9e7rgb(251,233,231)                 
DEEP_PURPLE#673ab7rgb(103,58,183)                 
DEEP_PURPLE_ACCENT_1#b388ffrgb(179,136,255)                 
DEEP_PURPLE_ACCENT_2#7c4dffrgb(124,77,255)                 
DEEP_PURPLE_ACCENT_3#651fffrgb(101,31,255)                 
DEEP_PURPLE_ACCENT_4#6200eargb(98,0,234)                 
DEEP_PURPLE_DARKEN_1#5e35b1rgb(94,53,177)                 
DEEP_PURPLE_DARKEN_2#512da8rgb(81,45,168)                 
DEEP_PURPLE_DARKEN_3#4527a0rgb(69,39,160)                 
DEEP_PURPLE_DARKEN_4#311b92rgb(49,27,146)                 
DEEP_PURPLE_LIGHTEN_1#7e57c2rgb(126,87,194)                 
DEEP_PURPLE_LIGHTEN_2#9575cdrgb(149,117,205)                 
DEEP_PURPLE_LIGHTEN_3#b39ddbrgb(179,157,219)                 
DEEP_PURPLE_LIGHTEN_4#d1c4e9rgb(209,196,233)                 
DEEP_PURPLE_LIGHTEN_5#ede7f6rgb(237,231,246)                 
GREEN#4caf50rgb(76,175,80)                 
GREEN_ACCENT_1#b9f6cargb(185,246,202)                 
GREEN_ACCENT_2#69f0aergb(105,240,174)                 
GREEN_ACCENT_3#00e676rgb(0,230,118)                 
GREEN_ACCENT_4#00c853rgb(0,200,83)                 
GREEN_DARKEN_1#43a047rgb(67,160,71)                 
GREEN_DARKEN_2#388e3crgb(56,142,60)                 
GREEN_DARKEN_3#2e7d32rgb(46,125,50)                 
GREEN_DARKEN_4#1b5e20rgb(27,94,32)                 
GREEN_LIGHTEN_1#66bb6argb(102,187,106)                 
GREEN_LIGHTEN_2#81c784rgb(129,199,132)                 
GREEN_LIGHTEN_3#a5d6a7rgb(165,214,167)                 
GREEN_LIGHTEN_4#c8e6c9rgb(200,230,201)                 
GREEN_LIGHTEN_5#e8f5e9rgb(232,245,233)                 
GREY#9e9e9ergb(158,158,158)                 
GREY_DARKEN_1#757575rgb(117,117,117)                 
GREY_DARKEN_2#616161rgb(97,97,97)                 
GREY_DARKEN_3#424242rgb(66,66,66)                 
GREY_DARKEN_4#212121rgb(33,33,33)                 
GREY_LIGHTEN_1#bdbdbdrgb(189,189,189)                 
GREY_LIGHTEN_2#e0e0e0rgb(224,224,224)                 
GREY_LIGHTEN_3#eeeeeergb(238,238,238)                 
GREY_LIGHTEN_4#f5f5f5rgb(245,245,245)                 
GREY_LIGHTEN_5#fafafargb(250,250,250)                 
INDIGO#3f51b5rgb(63,81,181)                 
INDIGO_ACCENT_1#8c9effrgb(140,158,255)                 
INDIGO_ACCENT_2#536dfergb(83,109,254)                 
INDIGO_ACCENT_3#3d5afergb(61,90,254)                 
INDIGO_ACCENT_4#304ffergb(48,79,254)                 
INDIGO_DARKEN_1#3949abrgb(57,73,171)                 
INDIGO_DARKEN_2#303f9frgb(48,63,159)                 
INDIGO_DARKEN_3#283593rgb(40,53,147)                 
INDIGO_DARKEN_4#1a237ergb(26,35,126)                 
INDIGO_LIGHTEN_1#5c6bc0rgb(92,107,192)                 
INDIGO_LIGHTEN_2#7986cbrgb(121,134,203)                 
INDIGO_LIGHTEN_3#9fa8dargb(159,168,218)                 
INDIGO_LIGHTEN_4#c5cae9rgb(197,202,233)                 
INDIGO_LIGHTEN_5#e8eaf6rgb(232,234,246)                 
LIGHT_BLUE#03a9f4rgb(3,169,244)                 
LIGHT_BLUE_ACCENT_1#80d8ffrgb(128,216,255)                 
LIGHT_BLUE_ACCENT_2#40c4ffrgb(64,196,255)                 
LIGHT_BLUE_ACCENT_3#00b0ffrgb(0,176,255)                 
LIGHT_BLUE_ACCENT_4#0091eargb(0,145,234)                 
LIGHT_BLUE_DARKEN_1#039be5rgb(3,155,229)                 
LIGHT_BLUE_DARKEN_2#0288d1rgb(2,136,209)                 
LIGHT_BLUE_DARKEN_3#0277bdrgb(2,119,189)                 
LIGHT_BLUE_DARKEN_4#01579brgb(1,87,155)                 
LIGHT_BLUE_LIGHTEN_1#29b6f6rgb(41,182,246)                 
LIGHT_BLUE_LIGHTEN_2#4fc3f7rgb(79,195,247)                 
LIGHT_BLUE_LIGHTEN_3#81d4fargb(129,212,250)                 
LIGHT_BLUE_LIGHTEN_4#b3e5fcrgb(179,229,252)                 
LIGHT_BLUE_LIGHTEN_5#e1f5fergb(225,245,254)                 
LIGHT_GREEN#8bc34argb(139,195,74)                 
LIGHT_GREEN_ACCENT_1#ccff90rgb(204,255,144)                 
LIGHT_GREEN_ACCENT_2#b2ff59rgb(178,255,89)                 
LIGHT_GREEN_ACCENT_3#76ff03rgb(118,255,3)                 
LIGHT_GREEN_ACCENT_4#64dd17rgb(100,221,23)                 
LIGHT_GREEN_DARKEN_1#7cb342rgb(124,179,66)                 
LIGHT_GREEN_DARKEN_2#689f38rgb(104,159,56)                 
LIGHT_GREEN_DARKEN_3#558b2frgb(85,139,47)                 
LIGHT_GREEN_DARKEN_4#33691ergb(51,105,30)                 
LIGHT_GREEN_LIGHTEN_1#9ccc65rgb(156,204,101)                 
LIGHT_GREEN_LIGHTEN_2#aed581rgb(174,213,129)                 
LIGHT_GREEN_LIGHTEN_3#c5e1a5rgb(197,225,165)                 
LIGHT_GREEN_LIGHTEN_4#dcedc8rgb(220,237,200)                 
LIGHT_GREEN_LIGHTEN_5#f1f8e9rgb(241,248,233)                 
LIME#cddc39rgb(205,220,57)                 
LIME_ACCENT_1#f4ff81rgb(244,255,129)                 
LIME_ACCENT_2#eeff41rgb(238,255,65)                 
LIME_ACCENT_3#c6ff00rgb(198,255,0)                 
LIME_ACCENT_4#aeea00rgb(174,234,0)                 
LIME_DARKEN_1#c0ca33rgb(192,202,51)                 
LIME_DARKEN_2#afb42brgb(175,180,43)                 
LIME_DARKEN_3#9e9d24rgb(158,157,36)                 
LIME_DARKEN_4#827717rgb(130,119,23)                 
LIME_LIGHTEN_1#d4e157rgb(212,225,87)                 
LIME_LIGHTEN_2#dce775rgb(220,231,117)                 
LIME_LIGHTEN_3#e6ee9crgb(230,238,156)                 
LIME_LIGHTEN_4#f0f4c3rgb(240,244,195)                 
LIME_LIGHTEN_5#f9fbe7rgb(249,251,231)                 
ORANGE#ff9800rgb(255,152,0)                 
ORANGE_ACCENT_1#ffd180rgb(255,209,128)                 
ORANGE_ACCENT_2#ffab40rgb(255,171,64)                 
ORANGE_ACCENT_3#ff9100rgb(255,145,0)                 
ORANGE_ACCENT_4#ff6d00rgb(255,109,0)                 
ORANGE_DARKEN_1#fb8c00rgb(251,140,0)                 
ORANGE_DARKEN_2#f57c00rgb(245,124,0)                 
ORANGE_DARKEN_3#ef6c00rgb(239,108,0)                 
ORANGE_DARKEN_4#e65100rgb(230,81,0)                 
ORANGE_LIGHTEN_1#ffa726rgb(255,167,38)                 
ORANGE_LIGHTEN_2#ffb74drgb(255,183,77)                 
ORANGE_LIGHTEN_3#ffcc80rgb(255,204,128)                 
ORANGE_LIGHTEN_4#ffe0b2rgb(255,224,178)                 
ORANGE_LIGHTEN_5#fff3e0rgb(255,243,224)                 
PINK#e91e63rgb(233,30,99)                 
PINK_ACCENT_1#ff80abrgb(255,128,171)                 
PINK_ACCENT_2#ff4081rgb(255,64,129)                 
PINK_ACCENT_3#f50057rgb(245,0,87)                 
PINK_ACCENT_4#c51162rgb(197,17,98)                 
PINK_DARKEN_1#d81b60rgb(216,27,96)                 
PINK_DARKEN_2#c2185brgb(194,24,91)                 
PINK_DARKEN_3#ad1457rgb(173,20,87)                 
PINK_DARKEN_4#880e4frgb(136,14,79)                 
PINK_LIGHTEN_1#ec407argb(236,64,122)                 
PINK_LIGHTEN_2#f06292rgb(240,98,146)                 
PINK_LIGHTEN_3#f48fb1rgb(244,143,177)                 
PINK_LIGHTEN_4#f8bbd0rgb(248,187,208)                 
PINK_LIGHTEN_5#fce4ecrgb(252,228,236)                 
PURPLE#9c27b0rgb(156,39,176)                 
PURPLE_ACCENT_1#ea80fcrgb(234,128,252)                 
PURPLE_ACCENT_2#e040fbrgb(224,64,251)                 
PURPLE_ACCENT_3#d500f9rgb(213,0,249)                 
PURPLE_ACCENT_4#aa00ffrgb(170,0,255)                 
PURPLE_DARKEN_1#8e24aargb(142,36,170)                 
PURPLE_DARKEN_2#7b1fa2rgb(123,31,162)                 
PURPLE_DARKEN_3#6a1b9argb(106,27,154)                 
PURPLE_DARKEN_4#4a148crgb(74,20,140)                 
PURPLE_LIGHTEN_1#ab47bcrgb(171,71,188)                 
PURPLE_LIGHTEN_2#ba68c8rgb(186,104,200)                 
PURPLE_LIGHTEN_3#ce93d8rgb(206,147,216)                 
PURPLE_LIGHTEN_4#e1bee7rgb(225,190,231)                 
PURPLE_LIGHTEN_5#f3e5f5rgb(243,229,245)                 
RED#f44336rgb(244,67,54)                 
RED_ACCENT_1#ff8a80rgb(255,138,128)                 
RED_ACCENT_2#ff5252rgb(255,82,82)                 
RED_ACCENT_3#ff1744rgb(255,23,68)                 
RED_ACCENT_4#d50000rgb(213,0,0)                 
RED_DARKEN_1#e53935rgb(229,57,53)                 
RED_DARKEN_2#d32f2frgb(211,47,47)                 
RED_DARKEN_3#c62828rgb(198,40,40)                 
RED_DARKEN_4#b71c1crgb(183,28,28)                 
RED_LIGHTEN_1#ef5350rgb(239,83,80)                 
RED_LIGHTEN_2#e57373rgb(229,115,115)                 
RED_LIGHTEN_3#ef9a9argb(239,154,154)                 
RED_LIGHTEN_4#ffcdd2rgb(255,205,210)                 
RED_LIGHTEN_5#ffebeergb(255,235,238)                 
TEAL#009688rgb(0,150,136)                 
TEAL_ACCENT_1#a7ffebrgb(167,255,235)                 
TEAL_ACCENT_2#64ffdargb(100,255,218)                 
TEAL_ACCENT_3#1de9b6rgb(29,233,182)                 
TEAL_ACCENT_4#00bfa5rgb(0,191,165)                 
TEAL_DARKEN_1#00897brgb(0,137,123)                 
TEAL_DARKEN_2#00796brgb(0,121,107)                 
TEAL_DARKEN_3#00695crgb(0,105,92)                 
TEAL_DARKEN_4#004d40rgb(0,77,64)                 
TEAL_LIGHTEN_1#26a69argb(38,166,154)                 
TEAL_LIGHTEN_2#4db6acrgb(77,182,172)                 
TEAL_LIGHTEN_3#80cbc4rgb(128,203,196)                 
TEAL_LIGHTEN_4#b2dfdbrgb(178,223,219)                 
TEAL_LIGHTEN_5#e0f2f1rgb(224,242,241)                 
WHITE#ffffffrgb(255,255,255)                 
YELLOW#ffeb3brgb(255,235,59)                 
YELLOW_ACCENT_1#ffff8drgb(255,255,141)                 
YELLOW_ACCENT_2#ffff00rgb(255,255,0)                 
YELLOW_ACCENT_3#ffea00rgb(255,234,0)                 
YELLOW_ACCENT_4#ffd600rgb(255,214,0)                 
YELLOW_DARKEN_1#fdd835rgb(253,216,53)                 
YELLOW_DARKEN_2#fbc02drgb(251,192,45)                 
YELLOW_DARKEN_3#f9a825rgb(249,168,37)                 
YELLOW_DARKEN_4#f57f17rgb(245,127,23)                 
YELLOW_LIGHTEN_1#ffee58rgb(255,238,88)                 
YELLOW_LIGHTEN_2#fff176rgb(255,241,118)                 
YELLOW_LIGHTEN_3#fff59drgb(255,245,157)                 
YELLOW_LIGHTEN_4#fff9c4rgb(255,249,196)                 
YELLOW_LIGHTEN_5#fffde7rgb(255,253,231)