Light Blue Palette

light-bluelight-blue lighten-5
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue lighten-5 black-text">Link</a>
<a class="btn-large light-blue lighten-5 black-text waves-effect">Waves Effect</a>
<a class="btn-large light-blue lighten-5 black-text waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue lighten-5 black-text waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue lighten-5 black-text waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue lighten-4
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue lighten-4 black-text">Link</a>
<a class="btn-large light-blue lighten-4 black-text waves-effect">Waves Effect</a>
<a class="btn-large light-blue lighten-4 black-text waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue lighten-4 black-text waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue lighten-4 black-text waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue lighten-3
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue lighten-3 black-text">Link</a>
<a class="btn-large light-blue lighten-3 black-text waves-effect">Waves Effect</a>
<a class="btn-large light-blue lighten-3 black-text waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue lighten-3 black-text waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue lighten-3 black-text waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue lighten-2
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue lighten-2 black-text">Link</a>
<a class="btn-large light-blue lighten-2 black-text waves-effect">Waves Effect</a>
<a class="btn-large light-blue lighten-2 black-text waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue lighten-2 black-text waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue lighten-2 black-text waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue lighten-1
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue lighten-1 black-text">Link</a>
<a class="btn-large light-blue lighten-1 black-text waves-effect">Waves Effect</a>
<a class="btn-large light-blue lighten-1 black-text waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue lighten-1 black-text waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue lighten-1 black-text waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue">Link</a>
<a class="btn-large light-blue waves-effect">Waves Effect</a>
<a class="btn-large light-blue waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue darken-1
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue darken-1">Link</a>
<a class="btn-large light-blue darken-1 waves-effect">Waves Effect</a>
<a class="btn-large light-blue darken-1 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue darken-1 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue darken-1 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue darken-2
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue darken-2">Link</a>
<a class="btn-large light-blue darken-2 waves-effect">Waves Effect</a>
<a class="btn-large light-blue darken-2 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue darken-2 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue darken-2 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue darken-3
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue darken-3">Link</a>
<a class="btn-large light-blue darken-3 waves-effect">Waves Effect</a>
<a class="btn-large light-blue darken-3 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue darken-3 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue darken-3 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue darken-4
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue darken-4">Link</a>
<a class="btn-large light-blue darken-4 waves-effect">Waves Effect</a>
<a class="btn-large light-blue darken-4 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue darken-4 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue darken-4 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue accent-1
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue accent-1 black-text">Link</a>
<a class="btn-large light-blue accent-1 black-text waves-effect">Waves Effect</a>
<a class="btn-large light-blue accent-1 black-text waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue accent-1 black-text waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue accent-1 black-text waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue accent-2
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue accent-2">Link</a>
<a class="btn-large light-blue accent-2 waves-effect">Waves Effect</a>
<a class="btn-large light-blue accent-2 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue accent-2 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue accent-2 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue accent-3
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue accent-3">Link</a>
<a class="btn-large light-blue accent-3 waves-effect">Waves Effect</a>
<a class="btn-large light-blue accent-3 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue accent-3 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue accent-3 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>

 
light-blue accent-4
 
Link Waves Effect Waves Effect Light Icon Right Icon
 
source code:

<a class="btn-large light-blue accent-4">Link</a>
<a class="btn-large light-blue accent-4 waves-effect">Waves Effect</a>
<a class="btn-large light-blue accent-4 waves-effect waves-light">Waves Effect Light</a>
<a class="btn-large light-blue accent-4 waves-effect"><i class="icon-download"></i>Icon</a>
<a class="btn-large light-blue accent-4 waves-effect right-icon"><i class="icon-download"></i>Right Icon</a>