UI Color Palette

Red

#e51c23

Pink

#e91e63

Purple

#9c27b0

Deep Purple

#673ab7

Indigo

#3f51b5

Blue

#5677fc

Light Blue

#03a9f4

Cyan

#00bcd4

Teal

#009688

Green

#259b24

Light Green

#8bc34a

Lime

#cddc39

Yellow

#ffeb3b

Amber

#ffc107

Orange

#ff9800

Deep Orange

#ff5722

Brown

#795548

Grey

#9e9e9e

Blue Grey

#607d8b

How to Use

Add the ui color palette stylesheet to the <head> element of your webpage:

<link rel="stylesheet" href="css/ui-color-pallete.css">

Add the ui color palette class to the element you want to change the color:

<div class="bg-blue-grey white bd-green">

     <p>This is the result.</p>

</div>

bg-blue-grey = background is blue grey

white = font color is white

bd-green = border is green

This is the result.