Skip to content
Related Articles

Related Articles

Materialize CSS | Colors
  • Last Updated : 05 Jun, 2020
GeeksforGeeks - Summer Carnival Banner

It is created with HTML, CSS, and JavaScript, and designed by Google. Material Design is a design language that combines the classic principles of successful design along with innovation and technology.

Color: Here is a color palette based on the material design base colors. Each of these colors is defined with a base color class and an optional lighten or darken class.

Here are some list of color palatte:

NameHEXColor
red lighten-2#e57373
red darken-4#b71c1c
pink lighten-3#f48fb1
pink darken-4#880e4f
purple lighten-3#ce93d8
purple accent-2#e040fb
deep-purple#673ab7
indigo#3f51b5
blue accent-1#82b1ff
teal darken-3#00695c
green#4caf50
light-green#8bc34a
light-green darken-4#33691e
yellow darken-4#f57f17
brown darken-1#6d4c41

You can refer https://materializecss.com/color.html for different color palette.

Attention reader! Don’t stop learning now. Get hold of all the important DSA concepts with the DSA Self Paced Course at a student-friendly price and become industry ready.




My Personal Notes arrow_drop_up
Recommended Articles
Page :