Deep Orange Background Color

Background Color Options	Class	Description
Background Color	.bg-deep-orange	Deep Orange Class for background color.
Lighten 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.
Darken Color	.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.
Accent Color	.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

Border Color Options	Class	Description
Border Color	.border-deep-orange	Deep Orange Class for background color.
Lighten Border	.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.
Lighten Top Border	.border-top-deep-orange .border-top-lighten-*	For lighten deep orange top border. Use this classes if you need to highlight only top border.
Lighten Bottom Border	. .border-bottom-lighten-*	For lighten deep orange bottom border. Use this classes if you need to highlight only bottom border.
Lighten Right 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.
Lighten Left 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.
Darken 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.
Darken Top Border	.border-top-deep-orange .border-top-darken-*	For darken deep orange top border. Use this classes if you need to highlight only top border.
Darken Bottom Border	. .border-bottom-darken-*	For darken deep orange bottom border. Use this classes if you need to highlight only bottom border.
Darken Right 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.
Darken Left 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.
Accent 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.
Accent Top Border	.border-top-deep-orange .border-top-accent-*	For accent deep orange top border. Use this classes if you need to highlight only top border.
Accent Bottom Border	. .border-bottom-accent-*	For accent deep orange bottom border. Use this classes if you need to highlight only bottom border.
Accent Right 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.
Accent Left 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

Border Color Options	Class	Description
Text Color	.deep-orange	Class for Deep Orange Text color.
Lighten 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.
Darken Color	.deep-orange.darken-*	For darken deep orange text color, this two classes needed. Here *: 1,2,3,4 for darken deep orange color options.
Accent Color	.deep-orange.accent-*	For accent deep orange text color, this two classes needed. Here *: 1,2,3,4 for accent deep orange color options.

Reference :

Type	URL
Template Page	https://pixinvent.com/demo/convex-bootstrap-admin-dashboard-template/demo-1/color-palette.html