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