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);
Name | Hex | RGB | Color |
---|---|---|---|
AMBER | #ffc107 | rgb(255,193,7) | |
AMBER_ACCENT_1 | #ffe57f | rgb(255,229,127) | |
AMBER_ACCENT_2 | #ffd740 | rgb(255,215,64) | |
AMBER_ACCENT_3 | #ffc400 | rgb(255,196,0) | |
AMBER_ACCENT_4 | #ffab00 | rgb(255,171,0) | |
AMBER_DARKEN_1 | #ffb300 | rgb(255,179,0) | |
AMBER_DARKEN_2 | #ffa000 | rgb(255,160,0) | |
AMBER_DARKEN_3 | #ff8f00 | rgb(255,143,0) | |
AMBER_DARKEN_4 | #ff6f00 | rgb(255,111,0) | |
AMBER_LIGHTEN_1 | #ffca28 | rgb(255,202,40) | |
AMBER_LIGHTEN_2 | #ffd54f | rgb(255,213,79) | |
AMBER_LIGHTEN_3 | #ffe082 | rgb(255,224,130) | |
AMBER_LIGHTEN_4 | #ffecb3 | rgb(255,236,179) | |
AMBER_LIGHTEN_5 | #fff8e1 | rgb(255,248,225) | |
BLACK | #000000 | rgb(0,0,0) | |
BLUE | #2196f3 | rgb(33,150,243) | |
BLUE_ACCENT_1 | #82b1ff | rgb(130,177,255) | |
BLUE_ACCENT_2 | #448aff | rgb(68,138,255) | |
BLUE_ACCENT_3 | #2979ff | rgb(41,121,255) | |
BLUE_ACCENT_4 | #2962ff | rgb(41,98,255) | |
BLUE_DARKEN_1 | #1e88e5 | rgb(30,136,229) | |
BLUE_DARKEN_2 | #1976d2 | rgb(25,118,210) | |
BLUE_DARKEN_3 | #1565c0 | rgb(21,101,192) | |
BLUE_DARKEN_4 | #0d47a1 | rgb(13,71,161) | |
BLUE_GREY | #607d8b | rgb(96,125,139) | |
BLUE_GREY_DARKEN_1 | #546e7a | rgb(84,110,122) | |
BLUE_GREY_DARKEN_2 | #455a64 | rgb(69,90,100) | |
BLUE_GREY_DARKEN_3 | #37474f | rgb(55,71,79) | |
BLUE_GREY_DARKEN_4 | #263238 | rgb(38,50,56) | |
BLUE_GREY_LIGHTEN_1 | #78909c | rgb(120,144,156) | |
BLUE_GREY_LIGHTEN_2 | #90a4ae | rgb(144,164,174) | |
BLUE_GREY_LIGHTEN_3 | #b0bec5 | rgb(176,190,197) | |
BLUE_GREY_LIGHTEN_4 | #cfd8dc | rgb(207,216,220) | |
BLUE_GREY_LIGHTEN_5 | #eceff1 | rgb(236,239,241) | |
BLUE_LIGHTEN_1 | #42a5f5 | rgb(66,165,245) | |
BLUE_LIGHTEN_2 | #64b5f6 | rgb(100,181,246) | |
BLUE_LIGHTEN_3 | #90caf9 | rgb(144,202,249) | |
BLUE_LIGHTEN_4 | #bbdefb | rgb(187,222,251) | |
BLUE_LIGHTEN_5 | #e3f2fd | rgb(227,242,253) | |
BROWN | #795548 | rgb(121,85,72) | |
BROWN_DARKEN_1 | #6d4c41 | rgb(109,76,65) | |
BROWN_DARKEN_2 | #5d4037 | rgb(93,64,55) | |
BROWN_DARKEN_3 | #4e342e | rgb(78,52,46) | |
BROWN_DARKEN_4 | #3e2723 | rgb(62,39,35) | |
BROWN_LIGHTEN_1 | #8d6e63 | rgb(141,110,99) | |
BROWN_LIGHTEN_2 | #a1887f | rgb(161,136,127) | |
BROWN_LIGHTEN_3 | #bcaaa4 | rgb(188,170,164) | |
BROWN_LIGHTEN_4 | #d7ccc8 | rgb(215,204,200) | |
BROWN_LIGHTEN_5 | #efebe9 | rgb(239,235,233) | |
CYAN | #00bcd4 | rgb(0,188,212) | |
CYAN_ACCENT_1 | #84ffff | rgb(132,255,255) | |
CYAN_ACCENT_2 | #18ffff | rgb(24,255,255) | |
CYAN_ACCENT_3 | #00e5ff | rgb(0,229,255) | |
CYAN_ACCENT_4 | #00b8d4 | rgb(0,184,212) | |
CYAN_DARKEN_1 | #00acc1 | rgb(0,172,193) | |
CYAN_DARKEN_2 | #0097a7 | rgb(0,151,167) | |
CYAN_DARKEN_3 | #00838f | rgb(0,131,143) | |
CYAN_DARKEN_4 | #006064 | rgb(0,96,100) | |
CYAN_LIGHTEN_1 | #26c6da | rgb(38,198,218) | |
CYAN_LIGHTEN_2 | #4dd0e1 | rgb(77,208,225) | |
CYAN_LIGHTEN_3 | #80deea | rgb(128,222,234) | |
CYAN_LIGHTEN_4 | #b2ebf2 | rgb(178,235,242) | |
CYAN_LIGHTEN_5 | #e0f7fa | rgb(224,247,250) | |
DEEP_ORANGE | #ff5722 | rgb(255,87,34) | |
DEEP_ORANGE_ACCENT_1 | #ff9e80 | rgb(255,158,128) | |
DEEP_ORANGE_ACCENT_2 | #ff6e40 | rgb(255,110,64) | |
DEEP_ORANGE_ACCENT_3 | #ff3d00 | rgb(255,61,0) | |
DEEP_ORANGE_ACCENT_4 | #dd2c00 | rgb(221,44,0) | |
DEEP_ORANGE_DARKEN_1 | #f4511e | rgb(244,81,30) | |
DEEP_ORANGE_DARKEN_2 | #e64a19 | rgb(230,74,25) | |
DEEP_ORANGE_DARKEN_3 | #d84315 | rgb(216,67,21) | |
DEEP_ORANGE_DARKEN_4 | #bf360c | rgb(191,54,12) | |
DEEP_ORANGE_LIGHTEN_1 | #ff7043 | rgb(255,112,67) | |
DEEP_ORANGE_LIGHTEN_2 | #ff8a65 | rgb(255,138,101) | |
DEEP_ORANGE_LIGHTEN_3 | #ffab91 | rgb(255,171,145) | |
DEEP_ORANGE_LIGHTEN_4 | #ffccbc | rgb(255,204,188) | |
DEEP_ORANGE_LIGHTEN_5 | #fbe9e7 | rgb(251,233,231) | |
DEEP_PURPLE | #673ab7 | rgb(103,58,183) | |
DEEP_PURPLE_ACCENT_1 | #b388ff | rgb(179,136,255) | |
DEEP_PURPLE_ACCENT_2 | #7c4dff | rgb(124,77,255) | |
DEEP_PURPLE_ACCENT_3 | #651fff | rgb(101,31,255) | |
DEEP_PURPLE_ACCENT_4 | #6200ea | rgb(98,0,234) | |
DEEP_PURPLE_DARKEN_1 | #5e35b1 | rgb(94,53,177) | |
DEEP_PURPLE_DARKEN_2 | #512da8 | rgb(81,45,168) | |
DEEP_PURPLE_DARKEN_3 | #4527a0 | rgb(69,39,160) | |
DEEP_PURPLE_DARKEN_4 | #311b92 | rgb(49,27,146) | |
DEEP_PURPLE_LIGHTEN_1 | #7e57c2 | rgb(126,87,194) | |
DEEP_PURPLE_LIGHTEN_2 | #9575cd | rgb(149,117,205) | |
DEEP_PURPLE_LIGHTEN_3 | #b39ddb | rgb(179,157,219) | |
DEEP_PURPLE_LIGHTEN_4 | #d1c4e9 | rgb(209,196,233) | |
DEEP_PURPLE_LIGHTEN_5 | #ede7f6 | rgb(237,231,246) | |
GREEN | #4caf50 | rgb(76,175,80) | |
GREEN_ACCENT_1 | #b9f6ca | rgb(185,246,202) | |
GREEN_ACCENT_2 | #69f0ae | rgb(105,240,174) | |
GREEN_ACCENT_3 | #00e676 | rgb(0,230,118) | |
GREEN_ACCENT_4 | #00c853 | rgb(0,200,83) | |
GREEN_DARKEN_1 | #43a047 | rgb(67,160,71) | |
GREEN_DARKEN_2 | #388e3c | rgb(56,142,60) | |
GREEN_DARKEN_3 | #2e7d32 | rgb(46,125,50) | |
GREEN_DARKEN_4 | #1b5e20 | rgb(27,94,32) | |
GREEN_LIGHTEN_1 | #66bb6a | rgb(102,187,106) | |
GREEN_LIGHTEN_2 | #81c784 | rgb(129,199,132) | |
GREEN_LIGHTEN_3 | #a5d6a7 | rgb(165,214,167) | |
GREEN_LIGHTEN_4 | #c8e6c9 | rgb(200,230,201) | |
GREEN_LIGHTEN_5 | #e8f5e9 | rgb(232,245,233) | |
GREY | #9e9e9e | rgb(158,158,158) | |
GREY_DARKEN_1 | #757575 | rgb(117,117,117) | |
GREY_DARKEN_2 | #616161 | rgb(97,97,97) | |
GREY_DARKEN_3 | #424242 | rgb(66,66,66) | |
GREY_DARKEN_4 | #212121 | rgb(33,33,33) | |
GREY_LIGHTEN_1 | #bdbdbd | rgb(189,189,189) | |
GREY_LIGHTEN_2 | #e0e0e0 | rgb(224,224,224) | |
GREY_LIGHTEN_3 | #eeeeee | rgb(238,238,238) | |
GREY_LIGHTEN_4 | #f5f5f5 | rgb(245,245,245) | |
GREY_LIGHTEN_5 | #fafafa | rgb(250,250,250) | |
INDIGO | #3f51b5 | rgb(63,81,181) | |
INDIGO_ACCENT_1 | #8c9eff | rgb(140,158,255) | |
INDIGO_ACCENT_2 | #536dfe | rgb(83,109,254) | |
INDIGO_ACCENT_3 | #3d5afe | rgb(61,90,254) | |
INDIGO_ACCENT_4 | #304ffe | rgb(48,79,254) | |
INDIGO_DARKEN_1 | #3949ab | rgb(57,73,171) | |
INDIGO_DARKEN_2 | #303f9f | rgb(48,63,159) | |
INDIGO_DARKEN_3 | #283593 | rgb(40,53,147) | |
INDIGO_DARKEN_4 | #1a237e | rgb(26,35,126) | |
INDIGO_LIGHTEN_1 | #5c6bc0 | rgb(92,107,192) | |
INDIGO_LIGHTEN_2 | #7986cb | rgb(121,134,203) | |
INDIGO_LIGHTEN_3 | #9fa8da | rgb(159,168,218) | |
INDIGO_LIGHTEN_4 | #c5cae9 | rgb(197,202,233) | |
INDIGO_LIGHTEN_5 | #e8eaf6 | rgb(232,234,246) | |
LIGHT_BLUE | #03a9f4 | rgb(3,169,244) | |
LIGHT_BLUE_ACCENT_1 | #80d8ff | rgb(128,216,255) | |
LIGHT_BLUE_ACCENT_2 | #40c4ff | rgb(64,196,255) | |
LIGHT_BLUE_ACCENT_3 | #00b0ff | rgb(0,176,255) | |
LIGHT_BLUE_ACCENT_4 | #0091ea | rgb(0,145,234) | |
LIGHT_BLUE_DARKEN_1 | #039be5 | rgb(3,155,229) | |
LIGHT_BLUE_DARKEN_2 | #0288d1 | rgb(2,136,209) | |
LIGHT_BLUE_DARKEN_3 | #0277bd | rgb(2,119,189) | |
LIGHT_BLUE_DARKEN_4 | #01579b | rgb(1,87,155) | |
LIGHT_BLUE_LIGHTEN_1 | #29b6f6 | rgb(41,182,246) | |
LIGHT_BLUE_LIGHTEN_2 | #4fc3f7 | rgb(79,195,247) | |
LIGHT_BLUE_LIGHTEN_3 | #81d4fa | rgb(129,212,250) | |
LIGHT_BLUE_LIGHTEN_4 | #b3e5fc | rgb(179,229,252) | |
LIGHT_BLUE_LIGHTEN_5 | #e1f5fe | rgb(225,245,254) | |
LIGHT_GREEN | #8bc34a | rgb(139,195,74) | |
LIGHT_GREEN_ACCENT_1 | #ccff90 | rgb(204,255,144) | |
LIGHT_GREEN_ACCENT_2 | #b2ff59 | rgb(178,255,89) | |
LIGHT_GREEN_ACCENT_3 | #76ff03 | rgb(118,255,3) | |
LIGHT_GREEN_ACCENT_4 | #64dd17 | rgb(100,221,23) | |
LIGHT_GREEN_DARKEN_1 | #7cb342 | rgb(124,179,66) | |
LIGHT_GREEN_DARKEN_2 | #689f38 | rgb(104,159,56) | |
LIGHT_GREEN_DARKEN_3 | #558b2f | rgb(85,139,47) | |
LIGHT_GREEN_DARKEN_4 | #33691e | rgb(51,105,30) | |
LIGHT_GREEN_LIGHTEN_1 | #9ccc65 | rgb(156,204,101) | |
LIGHT_GREEN_LIGHTEN_2 | #aed581 | rgb(174,213,129) | |
LIGHT_GREEN_LIGHTEN_3 | #c5e1a5 | rgb(197,225,165) | |
LIGHT_GREEN_LIGHTEN_4 | #dcedc8 | rgb(220,237,200) | |
LIGHT_GREEN_LIGHTEN_5 | #f1f8e9 | rgb(241,248,233) | |
LIME | #cddc39 | rgb(205,220,57) | |
LIME_ACCENT_1 | #f4ff81 | rgb(244,255,129) | |
LIME_ACCENT_2 | #eeff41 | rgb(238,255,65) | |
LIME_ACCENT_3 | #c6ff00 | rgb(198,255,0) | |
LIME_ACCENT_4 | #aeea00 | rgb(174,234,0) | |
LIME_DARKEN_1 | #c0ca33 | rgb(192,202,51) | |
LIME_DARKEN_2 | #afb42b | rgb(175,180,43) | |
LIME_DARKEN_3 | #9e9d24 | rgb(158,157,36) | |
LIME_DARKEN_4 | #827717 | rgb(130,119,23) | |
LIME_LIGHTEN_1 | #d4e157 | rgb(212,225,87) | |
LIME_LIGHTEN_2 | #dce775 | rgb(220,231,117) | |
LIME_LIGHTEN_3 | #e6ee9c | rgb(230,238,156) | |
LIME_LIGHTEN_4 | #f0f4c3 | rgb(240,244,195) | |
LIME_LIGHTEN_5 | #f9fbe7 | rgb(249,251,231) | |
ORANGE | #ff9800 | rgb(255,152,0) | |
ORANGE_ACCENT_1 | #ffd180 | rgb(255,209,128) | |
ORANGE_ACCENT_2 | #ffab40 | rgb(255,171,64) | |
ORANGE_ACCENT_3 | #ff9100 | rgb(255,145,0) | |
ORANGE_ACCENT_4 | #ff6d00 | rgb(255,109,0) | |
ORANGE_DARKEN_1 | #fb8c00 | rgb(251,140,0) | |
ORANGE_DARKEN_2 | #f57c00 | rgb(245,124,0) | |
ORANGE_DARKEN_3 | #ef6c00 | rgb(239,108,0) | |
ORANGE_DARKEN_4 | #e65100 | rgb(230,81,0) | |
ORANGE_LIGHTEN_1 | #ffa726 | rgb(255,167,38) | |
ORANGE_LIGHTEN_2 | #ffb74d | rgb(255,183,77) | |
ORANGE_LIGHTEN_3 | #ffcc80 | rgb(255,204,128) | |
ORANGE_LIGHTEN_4 | #ffe0b2 | rgb(255,224,178) | |
ORANGE_LIGHTEN_5 | #fff3e0 | rgb(255,243,224) | |
PINK | #e91e63 | rgb(233,30,99) | |
PINK_ACCENT_1 | #ff80ab | rgb(255,128,171) | |
PINK_ACCENT_2 | #ff4081 | rgb(255,64,129) | |
PINK_ACCENT_3 | #f50057 | rgb(245,0,87) | |
PINK_ACCENT_4 | #c51162 | rgb(197,17,98) | |
PINK_DARKEN_1 | #d81b60 | rgb(216,27,96) | |
PINK_DARKEN_2 | #c2185b | rgb(194,24,91) | |
PINK_DARKEN_3 | #ad1457 | rgb(173,20,87) | |
PINK_DARKEN_4 | #880e4f | rgb(136,14,79) | |
PINK_LIGHTEN_1 | #ec407a | rgb(236,64,122) | |
PINK_LIGHTEN_2 | #f06292 | rgb(240,98,146) | |
PINK_LIGHTEN_3 | #f48fb1 | rgb(244,143,177) | |
PINK_LIGHTEN_4 | #f8bbd0 | rgb(248,187,208) | |
PINK_LIGHTEN_5 | #fce4ec | rgb(252,228,236) | |
PURPLE | #9c27b0 | rgb(156,39,176) | |
PURPLE_ACCENT_1 | #ea80fc | rgb(234,128,252) | |
PURPLE_ACCENT_2 | #e040fb | rgb(224,64,251) | |
PURPLE_ACCENT_3 | #d500f9 | rgb(213,0,249) | |
PURPLE_ACCENT_4 | #aa00ff | rgb(170,0,255) | |
PURPLE_DARKEN_1 | #8e24aa | rgb(142,36,170) | |
PURPLE_DARKEN_2 | #7b1fa2 | rgb(123,31,162) | |
PURPLE_DARKEN_3 | #6a1b9a | rgb(106,27,154) | |
PURPLE_DARKEN_4 | #4a148c | rgb(74,20,140) | |
PURPLE_LIGHTEN_1 | #ab47bc | rgb(171,71,188) | |
PURPLE_LIGHTEN_2 | #ba68c8 | rgb(186,104,200) | |
PURPLE_LIGHTEN_3 | #ce93d8 | rgb(206,147,216) | |
PURPLE_LIGHTEN_4 | #e1bee7 | rgb(225,190,231) | |
PURPLE_LIGHTEN_5 | #f3e5f5 | rgb(243,229,245) | |
RED | #f44336 | rgb(244,67,54) | |
RED_ACCENT_1 | #ff8a80 | rgb(255,138,128) | |
RED_ACCENT_2 | #ff5252 | rgb(255,82,82) | |
RED_ACCENT_3 | #ff1744 | rgb(255,23,68) | |
RED_ACCENT_4 | #d50000 | rgb(213,0,0) | |
RED_DARKEN_1 | #e53935 | rgb(229,57,53) | |
RED_DARKEN_2 | #d32f2f | rgb(211,47,47) | |
RED_DARKEN_3 | #c62828 | rgb(198,40,40) | |
RED_DARKEN_4 | #b71c1c | rgb(183,28,28) | |
RED_LIGHTEN_1 | #ef5350 | rgb(239,83,80) | |
RED_LIGHTEN_2 | #e57373 | rgb(229,115,115) | |
RED_LIGHTEN_3 | #ef9a9a | rgb(239,154,154) | |
RED_LIGHTEN_4 | #ffcdd2 | rgb(255,205,210) | |
RED_LIGHTEN_5 | #ffebee | rgb(255,235,238) | |
TEAL | #009688 | rgb(0,150,136) | |
TEAL_ACCENT_1 | #a7ffeb | rgb(167,255,235) | |
TEAL_ACCENT_2 | #64ffda | rgb(100,255,218) | |
TEAL_ACCENT_3 | #1de9b6 | rgb(29,233,182) | |
TEAL_ACCENT_4 | #00bfa5 | rgb(0,191,165) | |
TEAL_DARKEN_1 | #00897b | rgb(0,137,123) | |
TEAL_DARKEN_2 | #00796b | rgb(0,121,107) | |
TEAL_DARKEN_3 | #00695c | rgb(0,105,92) | |
TEAL_DARKEN_4 | #004d40 | rgb(0,77,64) | |
TEAL_LIGHTEN_1 | #26a69a | rgb(38,166,154) | |
TEAL_LIGHTEN_2 | #4db6ac | rgb(77,182,172) | |
TEAL_LIGHTEN_3 | #80cbc4 | rgb(128,203,196) | |
TEAL_LIGHTEN_4 | #b2dfdb | rgb(178,223,219) | |
TEAL_LIGHTEN_5 | #e0f2f1 | rgb(224,242,241) | |
WHITE | #ffffff | rgb(255,255,255) | |
YELLOW | #ffeb3b | rgb(255,235,59) | |
YELLOW_ACCENT_1 | #ffff8d | rgb(255,255,141) | |
YELLOW_ACCENT_2 | #ffff00 | rgb(255,255,0) | |
YELLOW_ACCENT_3 | #ffea00 | rgb(255,234,0) | |
YELLOW_ACCENT_4 | #ffd600 | rgb(255,214,0) | |
YELLOW_DARKEN_1 | #fdd835 | rgb(253,216,53) | |
YELLOW_DARKEN_2 | #fbc02d | rgb(251,192,45) | |
YELLOW_DARKEN_3 | #f9a825 | rgb(249,168,37) | |
YELLOW_DARKEN_4 | #f57f17 | rgb(245,127,23) | |
YELLOW_LIGHTEN_1 | #ffee58 | rgb(255,238,88) | |
YELLOW_LIGHTEN_2 | #fff176 | rgb(255,241,118) | |
YELLOW_LIGHTEN_3 | #fff59d | rgb(255,245,157) | |
YELLOW_LIGHTEN_4 | #fff9c4 | rgb(255,249,196) | |
YELLOW_LIGHTEN_5 | #fffde7 | rgb(255,253,231) |