Deep Orange Background Color


Deep Orange Color

.bg-deep-orange

#FF5722

Deep Orange 1#FF7043

.bg-deep-orange.bg-lighten-1

Deep Orange 2#FF8A65

.bg-deep-orange.bg-lighten-2

Deep Orange 3#FFAB91

.bg-deep-orange.bg-lighten-3

Deep Orange 4#FFCCBC

.bg-deep-orange.bg-lighten-4

Deep Orange Darken 1#F4511E

.bg-deep-orange.bg-darken-1

Deep Orange Darken 2#E64A19

.bg-deep-orange.bg-darken-2

Deep Orange Darken 3#D84315

.bg-deep-orange.bg-darken-3

Deep Orange Darken 4#BF360C

.bg-deep-orange.bg-darken-4

Deep Orange Accent 1#FF9E80

.bg-deep-orange.bg-accent-1

Deep Orange Accent 2#FF6E40

.bg-deep-orange.bg-accent-2

Deep Orange Accent 3#FF3D00

.bg-deep-orange.bg-accent-3

Deep Orange Accent 4#DD2C00

.bg-deep-orange.bg-accent-4

Deep Orange Palette Classes

Deep Orange color palette contains 13 colors: 1 main deep-orange 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-deep-orange and .btn-deep-orange 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-deep-orange Deep Orange Class for background color.
.bg-deep-orange
.bg-lighten-*
For lighten deep-orange background color, this two classes needed. Here *: 1,2,3,4 lighten deep-orange color options.
.bg-deep-orange
.bg-darken-*
For darken deep-orange background color, this two classes needed. Here *: 1,2,3,4 darken deep-orange color options.
.bg-deep-orange
.bg-accent-*
For accent deep-orange background color, this two classes needed. Here *: 1,2,3,4 accent deep-orange color options.

Deep Orange Border Color


Deep Orange Color

.border-deep-orange

#FF5722

Deep Orange Lighten 1#FF7043

.border-deep-orange.border-lighten-1

Deep Orange Lighten 2#FF8A65

.border-deep-orange.border-lighten-2

Deep Orange Lighten 3#FFAB91

.border-deep-orange.border-lighten-3

Deep Orange Lighten 4#FFCCBC

.border-deep-orange.border-lighten-4

Deep Orange Darken 1#F4511E

.border-deep-orange.border-darken-1

Deep Orange Darken 2#E64A19

.border-deep-orange.border-darken-2

Deep Orange Darken 3#D84315

.border-deep-orange.border-darken-3

Deep Orange Darken 4#BF360C

.border-deep-orange.border-darken-4

Deep Orange Accent 1#FF9E80

.border-deep-orange.border-accent-1

Deep Orange Accent 2#FF6E40

.border-deep-orange.border-accent-2

Deep Orange Accent 3#FF3D00

.border-deep-orange.border-accent-3

Deep Orange Accent 4#DD2C00

.border-deep-orange.border-accent-4

Deep Orange Border Classes

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

Deep Orange Text Color


Deep Orange Color

.deep-orange

#FF5722

Deep Orange Lighten 1#FF7043

.deep-orange.lighten-1

Deep Orange Lighten 2#FF8A65

.deep-orange.lighten-2

Deep Orange Lighten 3#FFAB91

.deep-orange.lighten-3

Deep Orange Lighten 4#FFCCBC

.deep-orange.lighten-4

Deep Orange Darken 1#F4511E

.deep-orange.darken-1

Deep Orange Darken 2#E64A19

.deep-orange.darken-2

Deep Orange Darken 3#D84315

.deep-orange.darken-3

Deep Orange Darken 4#BF360C

.deep-orange.darken-4

Deep Orange Accent 1#FF9E80

.deep-orange.accent-1

Deep Orange Accent 2#FF6E40

.deep-orange.accent-2

Deep Orange Accent 3#FF3D00

.deep-orange.accent-3

Deep Orange Accent 4#DD2C00

.deep-orange.accent-4

Deep Orange Text Classes

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

Theme Customizer


Customize & Preview in Real Time

Menu Color Options

Layout Options

Navigation Color Options
Solid
Gradient

Solid

Gradient

Buy Now