Colors

Quick usage

Background
Card element with a yellow accent-4 classes
Card element with the alert class
Card element with the success class
Card element with the primary-color class

	<div class="card-panel yellow accent-4">Card element with a <strong>yellow accent-4</strong> classes</div>
	<div class="card-panel alert">Card element with the <strong>alert</strong> class</div>
	<div class="card-panel success">Card element with the <strong>success</strong> class</div>
	<div class="card-panel primary-color">Card element with the <strong>primary-color</strong> class</div>
Text
Card element with a light-blue-text text-lighten-2 classes
Card element with a alert-text class
Card element with a success-text class
Card element with a secondary-color primary-color-text classes

	<div class="card-panel light-blue-text text-lighten-2">Card element with a <strong>light-blue-text text-lighten-2</strong> classes</div>
	<div class="card-panel alert-text">Card element with a <strong>alert-text</strong> class</div>
	<div class="card-panel success-text">Card element with a <strong>success-text</strong> class</div>
	<div class="card-panel secondary-color primary-color-text">Card element with a <strong>secondary-color primary-color-text</strong> classes</div>

Color Palette

For more detailed informations please visit: http://materializecss.com/color.html