Grey Color Page

Grey Background Color


Grey Color

.bg-grey

#9E9E9E

Grey Lighten 1#BDBDBD

.bg-grey.bg-lighten-1

Grey Lighten 2#E0E0E0

.bg-grey.bg-lighten-2

Grey Lighten 3#EEEEEE

.bg-grey.bg-lighten-3

Grey Lighten 4#F5F5F5

.bg-grey.bg-lighten-4

Grey Darken 1#757575

.bg-grey.bg-darken-1

Grey Darken 2#616161

.bg-grey.bg-darken-2

Grey Darken 3#424242

.bg-grey.bg-darken-3

Grey Darken 4#212121

.bg-grey.bg-darken-4

Grey Palette Classes

Grey color palette contains 13 colors: 1 main grey color and 4 lighten colors, 4 darken colors and 4 Accent colors. All colors works perfectly with any bootstrap components, form components or any robust controls, that makes Robust very effective, flexible and configurable.

Please note: You can use .bg-grey and .btn-grey as main colors, but if you want to use lighten, darken or accent colors, use bg-* bg-lighten-NUMBER for lighten color, bg-* bg-darken-NUMBER for darken color and bg-* bg-accent-NUMBER for accent colors.

Class Description
.bg-grey Grey Class for background color.
.bg-grey
.bg-lighten-*
For lighten grey background color, this two classes needed. Here *: 1,2,3,4 lighten grey color options.
.bg-grey
.bg-darken-*
For darken grey background color, this two classes needed. Here *: 1,2,3,4 darken grey color options.
.bg-grey
.bg-accent-*
For accent grey background color, this two classes needed. Here *: 1,2,3,4 accent grey color options.

Grey Border Color


Grey Color

.border-grey

#9E9E9E

Grey Lighten 1#BDBDBD

.border-grey.border-lighten-1

Grey Lighten 2#E0E0E0

.border-grey.border-lighten-2

Grey Lighten 3#EEEEEE

.border-grey.border-lighten-3

Grey Lighten 4#F5F5F5

.border-grey.border-lighten-4

Grey Darken 1#757575

.border-grey.border-darken-1

Grey Darken 2#616161

.border-grey.border-darken-2

Grey Darken 3#424242

.border-grey.border-darken-3

Grey Darken 4#212121

.border-grey.border-darken-4

Grey Border Classes

Class Description
.border-grey Grey Class for background color.
.border-grey
.border-lighten-*
For lighten grey background color, this two classes needed. Here *: 1,2,3,4 lighten grey color options.
.border-top-grey
.border-top-lighten-*
For lighten grey top border. Use this classes if you need to highlight only top border.
.border-bottom-grey
.border-bottom-lighten-*
For lighten grey bottom border. Use this classes if you need to highlight only bottom border.
.border-right-grey
.border-right-lighten-*
For lighten grey right border. Use this classes if you need to highlight only right border.
.border-left-grey
.border-left-lighten-*
For lighten grey left border. Use this classes if you need to highlight only left border.
.border-grey
.border-darken-*
For darken grey background color, this two classes needed. Here *: 1,2,3,4 darken grey color options.
.border-top-grey
.border-top-darken-*
For darken grey top border. Use this classes if you need to highlight only top border.
.border-bottom-grey
.border-bottom-darken-*
For darken grey bottom border. Use this classes if you need to highlight only bottom border.
.border-right-grey
.border-right-darken-*
For darken grey right border. Use this classes if you need to highlight only right border.
.border-left-grey
.border-left-darken-*
For darken grey left border. Use this classes if you need to highlight only left border.
.border-grey
.border-accent-*
For accent grey background color, this two classes needed. Here *: 1,2,3,4 accent grey color options.
.border-top-grey
.border-top-accent-*
For accent grey top border. Use this classes if you need to highlight only top border.
.border-bottom-grey
.border-bottom-accent-*
For accent grey bottom border. Use this classes if you need to highlight only bottom border.
.border-right-grey
.border-right-accent-*
For accent grey right border. Use this classes if you need to highlight only right border.
.border-left-grey
.border-left-accent-*
For accent grey left border. Use this classes if you need to highlight only left border.

Grey Text Color


Grey Color

.grey

#9E9E9E

Grey Lighten 1#BDBDBD

.grey.lighten-1

Grey Lighten 2#E0E0E0

.grey.lighten-2

Grey Lighten 3#EEEEEE

.grey.lighten-3

Grey Lighten 4#F5F5F5

.grey.lighten-4

Grey Darken 1#757575

.grey.darken-1

Grey Darken 2#616161

.grey.darken-2

Grey Darken 3#424242

.grey.darken-3

Grey Darken 4#212121

.grey.darken-4

Grey Text Classes

Class Description
.grey Class for Grey Text color.
.grey
.lighten-*
For lighten grey text color, this two classes needed. Here *: 1,2,3,4 for lighten grey color options.
.grey
.darken-*
For darken grey text color, this two classes needed. Here *: 1,2,3,4 for darken grey color options.
.grey
.accent-*
For accent grey text color, this two classes needed. Here *: 1,2,3,4 for accent grey color options.

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now