Blue Grey Color Palette Documentation

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 .blue-grey Class for Blue Grey Text color.
Lighten Color .blue-grey.lighten-* For lighten blue grey text color, this two classes needed. Here *: 1,2,3,4 for lighten blue grey color options.
Darken Color .blue-grey.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
Classic Blue Grey https://demos.pixinvent.com/modern-html-admin-template/html/ltr/vertical-menu-template/color-palette-blue-grey.html
Material Blue Grey https://demos.pixinvent.com/modern-html-admin-template/html/ltr/material-vertical-menu-template/color-palette-blue-grey.html