Brand color weights
primary
10% lighter
5% lighter
base
5% darker
10% darker
default
10% lighter
5% lighter
base
5% darker
10% darker
warning
10% lighter
5% lighter
base
5% darker
10% darker
success
10% lighter
5% lighter
base
5% darker
10% darker
info
10% lighter
5% lighter
base
5% darker
10% darker
danger
10% lighter
5% lighter
base
5% darker
10% darker
dark
10% lighter
5% lighter
base
5% darker
10% darker
Material color palette
red
10% lighter
5% lighter
base
5% darker
10% darker
pink
10% lighter
5% lighter
base
5% darker
10% darker
purple
10% lighter
5% lighter
base
5% darker
10% darker
deeppurple
10% lighter
5% lighter
base
5% darker
10% darker
indigo
10% lighter
5% lighter
base
5% darker
10% darker
blue
10% lighter
5% lighter
base
5% darker
10% darker
lightblue
10% lighter
5% lighter
base
5% darker
10% darker
cyan
10% lighter
5% lighter
base
5% darker
10% darker
teal
10% lighter
5% lighter
base
5% darker
10% darker
green
10% lighter
5% lighter
base
5% darker
10% darker
lightgreen
10% lighter
5% lighter
base
5% darker
10% darker
lime
10% lighter
5% lighter
base
5% darker
10% darker
yellow
10% lighter
5% lighter
base
5% darker
10% darker
amber
10% lighter
5% lighter
base
5% darker
10% darker
orange
10% lighter
5% lighter
base
5% darker
10% darker
deeporange
10% lighter
5% lighter
base
5% darker
10% darker
brown
10% lighter
5% lighter
base
5% darker
10% darker
grey
10% lighter
5% lighter
base
5% darker
10% darker
bluegrey
10% lighter
5% lighter
base
5% darker
10% darker
Text colors

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

Nullam id dolor id nibh ultricies vehicula ut id elit.

Duis mollis, est non commodo luctus, nisi erat porttitor ligula.

Maecenas sed diam eget risus varius blandit sit amet non magna.

Etiam porta sem malesuada magna mollis euismod.

Donec ullamcorper nulla non metus auctor fringilla.