Our colors were carefully chosen to bring humanity and vitality to our communications. We use our palette to create boldness through contrast. Be careful–using too many of these colors can result in design that lacks focus and clarity.
Hover over the color codes to copy value.
Our full brand color library can be found here.
Primary Colors
BLUE
HEX #2b2967
RGB 43, 41, 103
Color of headings (H1, H4) and backgrounds.
PINK
HEX #af3db2
RGB 175, 61, 178
Color of primary buttons. Can be used for icons or rules.
TEAL
HEX #317793
RGB 49, 119, 147
Used for links, icons or graphics.
Gradients
Used as a background color and for decorative elements.
BLUE-DARK BLUE
HEX #2b2967
RGB 41, 43, 99
HEX #061135
RGB 6, 17, 53
DARK BLUE-BLUE
HEX #061135
RGB 6, 17, 53
HEX #2b2967
RGB 41, 43, 99
BLUE-PINK
HEX #2b2967
RGB 41, 43, 99
HEX #bb29bb
RGB 175, 61, 178
PINK-BLUE
HEX #bb29bb
RGB 175, 61, 178
HEX #2b2967
RGB 41, 43, 99
PINK-DARK PINK
HEX #af3db2
RGB 175, 61, 178
HEX #541e5a
RGB 84, 30, 90
BLUE-TEAL
HEX #2b2967
RGB 41, 43, 99
HEX #008aad
RGB 49, 119, 147
TEAL-BLUE
HEX #008aad
RGB 49, 119, 147
HEX #2b2967
RGB 41, 43, 99
TEAL-DARK TEAL
HEX #008aad
RGB 49, 119, 147
HEX #1d4e62
RGB 29, 78, 98
Greys
DARK GREY
HEX #333333
RGB 51, 51, 51
Color of the body text (18-14px).
GREY
HEX #565656
RGB 86, 86, 86
Color for the secondary text.
GREY 1
HEX #959595
RGB 149, 149, 149
For backgrounds or graphics.
GREY 2
HEX #cccccc
RGB 204, 204, 204
Color of the line stroke for cards and tiles. Can be used for backgrounds.
GREY 3
HEX #e1e2e5
RGB 225, 226, 229
Used for line strokes, checkboxes and dividers.
GREY 4
HEX #eeeeee
RGB 238, 238, 238
Used for backgrounds.
LIGHT BACKGROUND
HEX #f1f3f5
RGB 241, 243, 245
Used for backgrounds.
Alert Colors
SUCCESS
HEX #317793
RGB 49, 119, 147
ERROR
HEX #d93077
RGB 217, 48, 119
WARNING
HEX #f8db4a
RGB 248, 219, 74
ALTERNATIVE
HEX #387f46
RGB 56, 127, 70