Top 30 Material Design Colors

7Span has developed Material Design Colors Tool to help designers & developers to quickly decide which color to choose for their project. Based on the usage of it, we prepared the the list of “Top 30 Material Design Colors”.

Color NameCodeHEXRGBAClicksColor
Red500#f44336rgba(244,67,54 ,1)44281
Blue500#2196F3rgba(33,150,243 ,1)42764
Green500#4CAF50rgba(76,175,80 ,1)35841
Light Blue500#03A9F4rgba(3,169,244 ,1)33087
Indigo500#3F51B5rgba(63,81,181 ,1)26560
Teal500#009688rgba(0,150,136 ,1)26409
Grey900#212121rgba(33,33,33 ,1)23614
Cyan500#00BCD4rgba(0,188,212 ,1)23303
Blue Grey500#607D8Brgba(96,125,139 ,1)22857
Deep Orange500#FF5722rgba(255,87,34 ,1)22586
Grey500#9E9E9Ergba(158,158,158 ,1)21625
Light Green500#8BC34Argba(139,195,74 ,1)21237
Pink500#E91E63rgba(233,30,99 ,1)20827
Yellow500#FFEB3Brgba(255,235,59 ,1)19244
Blue Grey900#263238rgba(38,50,56 ,1)17536
Orange500#FF9800rgba(255,152,0 ,1)17136
Amber500#FFC107rgba(255,193,7 ,1)16706
Grey300#E0E0E0rgba(224,224,224 ,1)16544
Grey800#424242rgba(66,66,66 ,1)15866
Deep Purple500#673AB7rgba(103,58,183 ,1)15423
Purple500#9C27B0rgba(156,39,176 ,1)15033
Grey50#FAFAFArgba(250,250,250 ,1)14113
Grey400#BDBDBDrgba(189,189,189 ,1)13923
Blue900#0D47A1rgba(13,71,161 ,1)13497
Grey100#F5F5F5rgba(245,245,245 ,1)13407
Grey200#EEEEEErgba(238,238,238 ,1)13164
Blue700#1976D2rgba(25,118,210 ,1)12580
Red900#b71c1crgba(183,28,28 ,1)12461
Blue Grey800#37474Frgba(55,71,79 ,1)11975
Blue600#1E88E5rgba(30,136,229 ,1)11524

Note: Above report based on the data from Jul 2016 to Sep 2016.

You can check the latest usage counter on Material Design Colors tool by clicking the settings_icon Icon and selecting “Show Top 30 Colors” option.

Leave a Reply

Your email address will not be published. Required fields are marked *