Materialize CSS
Materialize Colors
Material Design colors is defined with a base color class and an optional lighten or darken class. The website will look great if you use Material Design colors. There are two types of colors :

1. Background Colors 
2. Text Colors 
Background Colors :

To apply a background color, just add the color name in a class element.

<div class="card-panel blue lighten-1">
    <div class="center-align"> www.freetimelearing.com </div>
</div>
Output :
Text Colors :

To apply a text color, just add -text.

<div class="card-panel">
     <div class="blue-text text-darken center-align"> www.freetimelearing.com </div>
</div>
Output :
Materialize CSS Color Palette