Platform

This collection of primary colors and secondary colors is used across all the applications within the platform. This makes the visual design more consistent.

Primary Colors

The Primary colors are used for the majority of the elements in the platform including: The main side navigation, links, action bar, sub-action bar, selected state, and hover states.

Primary 1
12759F
Primary 2
0C2931
Primary 3
8FA65D
Primary 4
56AACE
Primary 5
C3EBF7

Grays

The color palette includes a variety of grays to account for all of the grids, rules, and text requirements.

Gray 1
F5F5F5
Gray 2
CCCCCC
Gray 3
B3B3B3
Gray 4
999999
Gray 5
666666
Gray 6
4D4D4D
Gray 7
333333
Gray 8
FBFBFB
Gray 9
EAEAEA
Black
000000

Secondary

The Secondary colors are used for all additional color needs used throughout the platform.

Secondary 1
11B4E6
Secondary 2
E4E9D5
Secondary 3
F92F39
Secondary 4
FFEFEF
Secondary 5
889BA3
Secondary 6
4C91B0
Secondary 7
6CB7CE
Secondary 8
0F333D
Secondary 9
33515A
Secondary 10
2382AB
Secondary 11
6FB7D5
Secondary 12
21CA29
Secondary 13
F4B803
Secondary 14
77878B
Secondary 15
9EDDF0
Secondary 16
8DA9B1
Secondary 17
9FBDC6