Digital Design System
Background Colors
In this section, we are going to give you an overview of all Milestone Systems background colors.
Table of contents
Overview
The following colors are used for background colors on our website and only them.
They contain solid and gradients color combinations, and also a few contain gradient orientations.
If a new background color has to be added we need to agree and get approval for it. Then we will add it to the existing list.
In the following sections, we provide the CSS classes to use to apply the specified background color.
Solid Background Colors
White
msds-bg-white
Gray 2
msds-bg-gray-1
Gray 3
msds-bg-gray-3
Gray 4
msds-bg-gray-4
Gray 5
msds-bg-gray-5
Gray 8
msds-bg-gray-8
Gray 9
msds-bg-gray-9
Gray 10
msds-bg-gray-10
Milestone Yellow
msds-bg-yellow
Milestone Clear Blue
msds-bg-clear-blue
Milestone Dark Blue
msds-bg-dark-blue
Orange
msds-bg-orange
Dusty Green
msds-bg-dusty-green
Husky Dark Blue
msds-bg-husky-dark-blue
Gradient Background Colors
White Gradient
msds-bg-white-gradient
White Gradient Reverse
msds-bg-white-gradient-reverse
Gray Gradient 1
msds-bg-gray-gradient-1
Gray Gradient 2
msds-bg-gray-gradient-2
Gray Gradient 3
msds-bg-gray-gradient-3
Gray Gradient 4
msds-bg-gray-gradient-4
Gray Gradient 5
msds-bg-gray-gradient-5
Gray Gradient 6
msds-bg-gray-gradient-6
Gray Gradient 6 Reverse
msds-bg-gray-gradient-6-reverse
Yellow Gradient
msds-bg-yellow-gradient
Blue To Yellow Gradient
msds-bg-blue-to-yellow-gradient
Clear Blue Gradient
msds-bg-clear-blue-gradient
Clear Blue Gradient 2
msds-bg-clear-blue-gradient-2
Clear Blue Gradient 2 Reverse
msds-bg-clear-blue-gradient-2-reverse
Dark Blue Gradient
msds-bg-dark-blue-gradient
Dark Blue Gradient 2
msds-bg-dark-blue-gradient-2
Dark Blue Gradient 2 Reverse
msds-bg-dark-blue-gradient-2-reverse
Mixed Blue Gradient
msds-bg-mixed-blue-gradient
Husky Dark Blue Gradient
msds-bg-husky-dark-blue-gradient