Blue Grey Color Palette Documetation

Blue Grey

Blue Grey Color Palette with color code and other elements.

Blue Grey Background Color
Background Color Options Class Description
Background Color .bg-blue-grey Blue Grey Class for background color.
Lighten Color .bg-blue-grey.bg-lighten-* For lighten blue grey background color, this two classes needed. Here *: 1,2,3,4 lighten blue grey color options.
Darken Color .bg-blue-grey.bg-darken-* For darken blue grey background color, this two classes needed. Here *: 1,2,3,4 darken blue grey color options.

Blue Grey Border Color

Border Color Options Class Description
Border Color .border-blue-grey Blue Grey Class for background color.
Lighten Border .border-blue-grey
.border-lighten-*
For lighten blue grey background color, this two classes needed. Here *: 1,2,3,4 lighten blue grey color options.
Lighten Top Border .border-top-blue-grey
.border-top-lighten-*
For lighten blue grey top border. Use this classes if you need to highlight only top border.
Lighten Bottom Border .
.border-bottom-lighten-*
For lighten blue grey bottom border. Use this classes if you need to highlight only bottom border.
Lighten Right Border .border-right-blue-grey
.border-right-lighten-*
For lighten blue grey right border. Use this classes if you need to highlight only right border.
Lighten Left Border .border-left-blue-grey
.border-left-lighten-*
For lighten blue grey left border. Use this classes if you need to highlight only left border.
Darken Border .border-blue-grey
.border-darken-*
For darken blue grey background color, this two classes needed. Here *: 1,2,3,4 darken blue grey color options.
Darken Top Border .border-top-blue-grey
.border-top-darken-*
For darken blue grey top border. Use this classes if you need to highlight only top border.
Darken Bottom Border .
.border-bottom-darken-*
For darken blue grey bottom border. Use this classes if you need to highlight only bottom border.
Darken Right Border .border-right-blue-grey
.border-right-darken-*
For darken blue grey right border. Use this classes if you need to highlight only right border.
Darken Left Border .border-left-blue-grey
.border-left-darken-*
For darken blue grey left border. Use this classes if you need to highlight only left border.

Blue Grey Text Color

Border Color Options Class Description
Text Color .brown Class for Blue Grey Text color.
Lighten Color .brown.lighten-* For lighten blue grey text color, this two classes needed. Here *: 1,2,3,4 for lighten blue grey color options.
Darken Color .brown.darken-* For darken blue grey text color, this two classes needed. Here *: 1,2,3,4 for darken blue grey color options.

Reference :

Type URL
Template Page https://pixinvent.com/free-bootstrap-template/robust-lite/html/ltr/color-palette-blue-grey.html