Color Samples

Color palette based on the material design base colors. Each of these colors is defined with a base color class and a darken class to ensure ADA compliance using white text.

Red

This is a card panel with a red darken-1 class
This is a card panel with a red darken-2 class
This is a card panel with a red darken-3 class
This is a card panel with a red darken-4 class
 

Purple

This is a card panel with a purple darken-1 class
This is a card panel with a purple darken-2 class
This is a card panel with a purple darken-3 class
This is a card panel with a purple darken-4 class
 

Deep Purple

This is a card panel with a deep-purple darken-1 class
This is a card panel with a deep-purple darken-2 class
This is a card panel with a deep-purple darken-3 class
This is a card panel with a deep-purple darken-4 class

Indigo

This is a card panel with a indigo darken-1 class
This is a card panel with a indigo darken-2 class
This is a card panel with a indigo darken-3 class
This is a card panel with a indigo darken-4 class
 

Blue

This is a card panel with a blue darken-1 class
This is a card panel with a blue darken-2 class
This is a card panel with a blue darken-3 class
This is a card panel with a blue darken-4 class
 

Light Blue

This is a card panel with a light-blue darken-1 class
This is a card panel with a light-blue darken-2 class
This is a card panel with a light-blue darken-3 class
This is a card panel with a light-blue darken-4 class

Cyan

This is a card panel with a cyan darken-1 class
This is a card panel with a cyan darken-2 class
This is a card panel with a cyan darken-3 class
This is a card panel with a cyan darken-4 class
 

Teal

This is a card panel with a teal darken-1 class
This is a card panel with a teal darken-2 class
This is a card panel with a teal darken-3 class
This is a card panel with a teal darken-4 class
 

Green

This is a card panel with a green darken-1 class
This is a card panel with a green darken-2 class
This is a card panel with a greene darken-3 class
This is a card panel with a green darken-4 class

Light Green

This is a card panel with a light-green darken-1 class
This is a card panel with a light-green darken-2 class
This is a card panel with a light-green darken-3 class
This is a card panel with a light-green darken-3 class
 

Yellow

This is a card panel with a yellow darken-1 class
This is a card panel with a yellow darken-2 class
This is a card panel with a yellow darken-3 class
This is a card panel with a yellow darken-4 class
 

Amber

This is a card panel with a amber darken-1 class
This is a card panel with a amber darken-2 class
This is a card panel with a amber darken-3 class
This is a card panel with a amber darken-4 class

Orange

This is a card panel with a orange darken-1 class
This is a card panel with a orange darken-2 class
This is a card panel with a orange darken-3 class
This is a card panel with a orange darken-4 class
 

Deep Orange

This is a card panel with a deep-orange darken-1 class
This is a card panel with a deep-orange darken-2 class
This is a card panel with a deep-orange darken-3 class
This is a card panel with a deep-orange darken-4 class
 

Brown

This is a card panel with a brown darken-1 class
This is a card panel with a brown darken-2 class
This is a card panel with a brown darken-3 class
This is a card panel with a brown darken-4 class

Grey

This is a card panel with a grey darken-1 class
This is a card panel with a grey darken-2 class
This is a card panel with a grey darken-3 class
This is a card panel with a grey darken-4 class
 

Blue Grey

This is a card panel with a blue-grey darken-1 class
This is a card panel with a blue-grey darken-2 class
This is a card panel with a blue-grey darken-3 class
This is a card panel with a blue-grey darken-4 class