Material Design Colors

Background

red

.md-bg-red-50
.md-bg-red-100
.md-bg-red-200
.md-bg-red-300
.md-bg-red-400
.md-bg-red-500
.md-bg-red-600
.md-bg-red-700
.md-bg-red-800
.md-bg-red-900
.md-bg-red-A100
.md-bg-red-A200
.md-bg-red-A400
.md-bg-red-A700

pink

.md-bg-pink-50
.md-bg-pink-100
.md-bg-pink-200
.md-bg-pink-300
.md-bg-pink-400
.md-bg-pink-500
.md-bg-pink-600
.md-bg-pink-700
.md-bg-pink-800
.md-bg-pink-900
.md-bg-pink-A100
.md-bg-pink-A200
.md-bg-pink-A400
.md-bg-pink-A700

purple

.md-bg-purple-50
.md-bg-purple-100
.md-bg-purple-200
.md-bg-purple-300
.md-bg-purple-400
.md-bg-purple-500
.md-bg-purple-600
.md-bg-purple-700
.md-bg-purple-800
.md-bg-purple-900
.md-bg-purple-A100
.md-bg-purple-A200
.md-bg-purple-A400
.md-bg-purple-A700

deep-purple

.md-bg-deep-purple-50
.md-bg-deep-purple-100
.md-bg-deep-purple-200
.md-bg-deep-purple-300
.md-bg-deep-purple-400
.md-bg-deep-purple-500
.md-bg-deep-purple-600
.md-bg-deep-purple-700
.md-bg-deep-purple-800
.md-bg-deep-purple-900
.md-bg-deep-purple-A100
.md-bg-deep-purple-A200
.md-bg-deep-purple-A400
.md-bg-deep-purple-A700

indigo

.md-bg-indigo-50
.md-bg-indigo-100
.md-bg-indigo-200
.md-bg-indigo-300
.md-bg-indigo-400
.md-bg-indigo-500
.md-bg-indigo-600
.md-bg-indigo-700
.md-bg-indigo-800
.md-bg-indigo-900
.md-bg-indigo-A100
.md-bg-indigo-A200
.md-bg-indigo-A400
.md-bg-indigo-A700

blue

.md-bg-blue-50
.md-bg-blue-100
.md-bg-blue-200
.md-bg-blue-300
.md-bg-blue-400
.md-bg-blue-500
.md-bg-blue-600
.md-bg-blue-700
.md-bg-blue-800
.md-bg-blue-900
.md-bg-blue-A100
.md-bg-blue-A200
.md-bg-blue-A400
.md-bg-blue-A700

light-blue

.md-bg-light-blue-50
.md-bg-light-blue-100
.md-bg-light-blue-200
.md-bg-light-blue-300
.md-bg-light-blue-400
.md-bg-light-blue-500
.md-bg-light-blue-600
.md-bg-light-blue-700
.md-bg-light-blue-800
.md-bg-light-blue-900
.md-bg-light-blue-A100
.md-bg-light-blue-A200
.md-bg-light-blue-A400
.md-bg-light-blue-A700

cyan

.md-bg-cyan-50
.md-bg-cyan-100
.md-bg-cyan-200
.md-bg-cyan-300
.md-bg-cyan-400
.md-bg-cyan-500
.md-bg-cyan-600
.md-bg-cyan-700
.md-bg-cyan-800
.md-bg-cyan-900
.md-bg-cyan-A100
.md-bg-cyan-A200
.md-bg-cyan-A400
.md-bg-cyan-A700

teal

.md-bg-teal-50
.md-bg-teal-100
.md-bg-teal-200
.md-bg-teal-300
.md-bg-teal-400
.md-bg-teal-500
.md-bg-teal-600
.md-bg-teal-700
.md-bg-teal-800
.md-bg-teal-900
.md-bg-teal-A100
.md-bg-teal-A200
.md-bg-teal-A400
.md-bg-teal-A700

green

.md-bg-green-50
.md-bg-green-100
.md-bg-green-200
.md-bg-green-300
.md-bg-green-400
.md-bg-green-500
.md-bg-green-600
.md-bg-green-700
.md-bg-green-800
.md-bg-green-900
.md-bg-green-A100
.md-bg-green-A200
.md-bg-green-A400
.md-bg-green-A700

light-green

.md-bg-light-green-50
.md-bg-light-green-100
.md-bg-light-green-200
.md-bg-light-green-300
.md-bg-light-green-400
.md-bg-light-green-500
.md-bg-light-green-600
.md-bg-light-green-700
.md-bg-light-green-800
.md-bg-light-green-900
.md-bg-light-green-A100
.md-bg-light-green-A200
.md-bg-light-green-A400
.md-bg-light-green-A700

lime

.md-bg-lime-50
.md-bg-lime-100
.md-bg-lime-200
.md-bg-lime-300
.md-bg-lime-400
.md-bg-lime-500
.md-bg-lime-600
.md-bg-lime-700
.md-bg-lime-800
.md-bg-lime-900
.md-bg-lime-A100
.md-bg-lime-A200
.md-bg-lime-A400
.md-bg-lime-A700

yellow

.md-bg-yellow-50
.md-bg-yellow-100
.md-bg-yellow-200
.md-bg-yellow-300
.md-bg-yellow-400
.md-bg-yellow-500
.md-bg-yellow-600
.md-bg-yellow-700
.md-bg-yellow-800
.md-bg-yellow-900
.md-bg-yellow-A100
.md-bg-yellow-A200
.md-bg-yellow-A400
.md-bg-yellow-A700

amber

.md-bg-amber-50
.md-bg-amber-100
.md-bg-amber-200
.md-bg-amber-300
.md-bg-amber-400
.md-bg-amber-500
.md-bg-amber-600
.md-bg-amber-700
.md-bg-amber-800
.md-bg-amber-900
.md-bg-amber-A100
.md-bg-amber-A200
.md-bg-amber-A400
.md-bg-amber-A700

orange

.md-bg-orange-50
.md-bg-orange-100
.md-bg-orange-200
.md-bg-orange-300
.md-bg-orange-400
.md-bg-orange-500
.md-bg-orange-600
.md-bg-orange-700
.md-bg-orange-800
.md-bg-orange-900
.md-bg-orange-A100
.md-bg-orange-A200
.md-bg-orange-A400
.md-bg-orange-A700

deep-orange

.md-bg-deep-orange-50
.md-bg-deep-orange-100
.md-bg-deep-orange-200
.md-bg-deep-orange-300
.md-bg-deep-orange-400
.md-bg-deep-orange-500
.md-bg-deep-orange-600
.md-bg-deep-orange-700
.md-bg-deep-orange-800
.md-bg-deep-orange-900
.md-bg-deep-orange-A100
.md-bg-deep-orange-A200
.md-bg-deep-orange-A400
.md-bg-deep-orange-A700

brown

.md-bg-brown-50
.md-bg-brown-100
.md-bg-brown-200
.md-bg-brown-300
.md-bg-brown-400
.md-bg-brown-500
.md-bg-brown-600
.md-bg-brown-700
.md-bg-brown-800
.md-bg-brown-900

grey

.md-bg-grey-50
.md-bg-grey-100
.md-bg-grey-200
.md-bg-grey-300
.md-bg-grey-400
.md-bg-grey-500
.md-bg-grey-600
.md-bg-grey-700
.md-bg-grey-800
.md-bg-grey-900

blue-grey

.md-bg-blue-grey-50
.md-bg-blue-grey-100
.md-bg-blue-grey-200
.md-bg-blue-grey-300
.md-bg-blue-grey-400
.md-bg-blue-grey-500
.md-bg-blue-grey-600
.md-bg-blue-grey-700
.md-bg-blue-grey-800
.md-bg-blue-grey-900

Colors

red

.md-color-red-50
.md-color-red-100
.md-color-red-200
.md-color-red-300
.md-color-red-400
.md-color-red-500
.md-color-red-600
.md-color-red-700
.md-color-red-800
.md-color-red-900
.md-color-red-A100
.md-color-red-A200
.md-color-red-A400
.md-color-red-A700

pink

.md-color-pink-50
.md-color-pink-100
.md-color-pink-200
.md-color-pink-300
.md-color-pink-400
.md-color-pink-500
.md-color-pink-600
.md-color-pink-700
.md-color-pink-800
.md-color-pink-900
.md-color-pink-A100
.md-color-pink-A200
.md-color-pink-A400
.md-color-pink-A700

purple

.md-color-purple-50
.md-color-purple-100
.md-color-purple-200
.md-color-purple-300
.md-color-purple-400
.md-color-purple-500
.md-color-purple-600
.md-color-purple-700
.md-color-purple-800
.md-color-purple-900
.md-color-purple-A100
.md-color-purple-A200
.md-color-purple-A400
.md-color-purple-A700

deep-purple

.md-color-deep-purple-50
.md-color-deep-purple-100
.md-color-deep-purple-200
.md-color-deep-purple-300
.md-color-deep-purple-400
.md-color-deep-purple-500
.md-color-deep-purple-600
.md-color-deep-purple-700
.md-color-deep-purple-800
.md-color-deep-purple-900
.md-color-deep-purple-A100
.md-color-deep-purple-A200
.md-color-deep-purple-A400
.md-color-deep-purple-A700

indigo

.md-color-indigo-50
.md-color-indigo-100
.md-color-indigo-200
.md-color-indigo-300
.md-color-indigo-400
.md-color-indigo-500
.md-color-indigo-600
.md-color-indigo-700
.md-color-indigo-800
.md-color-indigo-900
.md-color-indigo-A100
.md-color-indigo-A200
.md-color-indigo-A400
.md-color-indigo-A700

blue

.md-color-blue-50
.md-color-blue-100
.md-color-blue-200
.md-color-blue-300
.md-color-blue-400
.md-color-blue-500
.md-color-blue-600
.md-color-blue-700
.md-color-blue-800
.md-color-blue-900
.md-color-blue-A100
.md-color-blue-A200
.md-color-blue-A400
.md-color-blue-A700

light-blue

.md-color-light-blue-50
.md-color-light-blue-100
.md-color-light-blue-200
.md-color-light-blue-300
.md-color-light-blue-400
.md-color-light-blue-500
.md-color-light-blue-600
.md-color-light-blue-700
.md-color-light-blue-800
.md-color-light-blue-900
.md-color-light-blue-A100
.md-color-light-blue-A200
.md-color-light-blue-A400
.md-color-light-blue-A700

cyan

.md-color-cyan-50
.md-color-cyan-100
.md-color-cyan-200
.md-color-cyan-300
.md-color-cyan-400
.md-color-cyan-500
.md-color-cyan-600
.md-color-cyan-700
.md-color-cyan-800
.md-color-cyan-900
.md-color-cyan-A100
.md-color-cyan-A200
.md-color-cyan-A400
.md-color-cyan-A700

teal

.md-color-teal-50
.md-color-teal-100
.md-color-teal-200
.md-color-teal-300
.md-color-teal-400
.md-color-teal-500
.md-color-teal-600
.md-color-teal-700
.md-color-teal-800
.md-color-teal-900
.md-color-teal-A100
.md-color-teal-A200
.md-color-teal-A400
.md-color-teal-A700

green

.md-color-green-50
.md-color-green-100
.md-color-green-200
.md-color-green-300
.md-color-green-400
.md-color-green-500
.md-color-green-600
.md-color-green-700
.md-color-green-800
.md-color-green-900
.md-color-green-A100
.md-color-green-A200
.md-color-green-A400
.md-color-green-A700

light-green

.md-color-light-green-50
.md-color-light-green-100
.md-color-light-green-200
.md-color-light-green-300
.md-color-light-green-400
.md-color-light-green-500
.md-color-light-green-600
.md-color-light-green-700
.md-color-light-green-800
.md-color-light-green-900
.md-color-light-green-A100
.md-color-light-green-A200
.md-color-light-green-A400
.md-color-light-green-A700

lime

.md-color-lime-50
.md-color-lime-100
.md-color-lime-200
.md-color-lime-300
.md-color-lime-400
.md-color-lime-500
.md-color-lime-600
.md-color-lime-700
.md-color-lime-800
.md-color-lime-900
.md-color-lime-A100
.md-color-lime-A200
.md-color-lime-A400
.md-color-lime-A700

yellow

.md-color-yellow-50
.md-color-yellow-100
.md-color-yellow-200
.md-color-yellow-300
.md-color-yellow-400
.md-color-yellow-500
.md-color-yellow-600
.md-color-yellow-700
.md-color-yellow-800
.md-color-yellow-900
.md-color-yellow-A100
.md-color-yellow-A200
.md-color-yellow-A400
.md-color-yellow-A700

amber

.md-color-amber-50
.md-color-amber-100
.md-color-amber-200
.md-color-amber-300
.md-color-amber-400
.md-color-amber-500
.md-color-amber-600
.md-color-amber-700
.md-color-amber-800
.md-color-amber-900
.md-color-amber-A100
.md-color-amber-A200
.md-color-amber-A400
.md-color-amber-A700

orange

.md-color-orange-50
.md-color-orange-100
.md-color-orange-200
.md-color-orange-300
.md-color-orange-400
.md-color-orange-500
.md-color-orange-600
.md-color-orange-700
.md-color-orange-800
.md-color-orange-900
.md-color-orange-A100
.md-color-orange-A200
.md-color-orange-A400
.md-color-orange-A700

deep-orange

.md-color-deep-orange-50
.md-color-deep-orange-100
.md-color-deep-orange-200
.md-color-deep-orange-300
.md-color-deep-orange-400
.md-color-deep-orange-500
.md-color-deep-orange-600
.md-color-deep-orange-700
.md-color-deep-orange-800
.md-color-deep-orange-900
.md-color-deep-orange-A100
.md-color-deep-orange-A200
.md-color-deep-orange-A400
.md-color-deep-orange-A700

brown

.md-color-brown-50
.md-color-brown-100
.md-color-brown-200
.md-color-brown-300
.md-color-brown-400
.md-color-brown-500
.md-color-brown-600
.md-color-brown-700
.md-color-brown-800
.md-color-brown-900

grey

.md-color-grey-50
.md-color-grey-100
.md-color-grey-200
.md-color-grey-300
.md-color-grey-400
.md-color-grey-500
.md-color-grey-600
.md-color-grey-700
.md-color-grey-800
.md-color-grey-900

blue-grey

.md-color-blue-grey-50
.md-color-blue-grey-100
.md-color-blue-grey-200
.md-color-blue-grey-300
.md-color-blue-grey-400
.md-color-blue-grey-500
.md-color-blue-grey-600
.md-color-blue-grey-700
.md-color-blue-grey-800
.md-color-blue-grey-900

Colors

Sidebar

Layout