About Our Colors

Primary Color System

The Ultramarine, is is our main color. Used throughout our system, #3B69F2 can be viewed throughout our marketing and our products. It is also used for the icon on our logo.
‍
Our dark grey is used on our logo and used for copy and background colors.

White is the preferred background color as it reflects clarity, minimalism and a clean design. It can also be used as a text color on a colored background.

Athennian
Ultramarine
#3b69f1
RGB: 59 / 105 / 241
CMYK: 77 / 62 / 0 / 0
Pantone: 2727 C
Athennian
Limed Spruce
#323e48
RGB: 50 / 62 / 72
CMYK: 79 / 64 / 52 / 44
Pantone: 7546 C

Pure White
‍#FFFFFF
RGB: 255 / 255 / 255
CMYK: 0 / 0 / 0 / 0
Pantone: Opaque White
Ultramarine 50
#eef3fe
RGB: 238 / 243 / 254
CMYK: 5 / 2 / 0 / 0
Ultramarine 700
#2139d3
RGB: 33 / 57 / 211
CMYK: 88 / 78 / 0 / 0
Ultramarine 300
#94b7fa
RGB: 148 / 183 / 250
CMYK: 38 / 21 / 0 / 0
Ultramarine 900
#202e88
RGB: 32 / 46 / 136
CMYK: 100 / 97 / 12 / 2

Secondary Color System

Our secondary and extended palette are used in our illustrations, channels, and help to diversify our communication, working as a support for our main colors.

Use these secondary colors to complement primary colors and break up white space.

Lavender Magenta

Magenta 50
#fdf9e9
RGB: 252 / 246 / 251
CMYK: 1 / 3 / 0 / 0
Magenta 700
#b52587
RGB: 181 / 37 / 135
CMYK: 30 / 98 / 7 / 0
Magenta 300
#f3b7e7
RGB: 243 / 183 / 231
CMYK: 3 / 33 / 0 / 0
Magenta 900
#751f59
RGB: 117 / 31 / 89
CMYK: 53 / 99 / 36 / 22
Magenta 500
#e36cc6
RGB: 227 / 108 / 198
CMYK: 15 / 68 / 0 / 0

Tango

Tango 50
#fef5eb
RGB: 254 / 245 / 235
CMYK: 0 / 3 / 6 / 0
Tango 700
#ae4115
RGB: 174 / 65 / 21
CMYK: 22 / 85 / 100 / 14
Tango 300
#f7c087
RGB: 247 / 192 / 135
CMYK: 2 / 27 / 51 / 0
Tango 900
#732f16
RGB: 115 / 47 / 22
aCMYK: 33 / 83 / 99 / 42
Tango 500
#ed7520
RGB: 237 / 117 / 32
CMYK: 3 / 66 / 100 / 0

Tussock

Tussock 50
#fdf9e9
RGB: 253 / 249 / 233
CMYK: 1 / 1 / 8 / 0
Tussock 700
#905a18
RGB: 144 / 90 / 24
CMYK: 33 / 63 / 100 / 24
Tussock 300
#e8ca55
RGB: 232 / 202 / 85
CMYK: 10 / 17 / 80 / 0
Tussock 900
#643a1b
RGB: 100 / 58 / 27
CMYK: 40 / 71 / 92 / 47
Tussock 500
#be8f1c
RGB: 190 / 143 / 28
CMYK: 26 / 42 / 100 / 4

Aquamarine

Aquamarine 50
#edfbf5
RGB: 237 / 251 / 245
CMYK: 6 / 0 / 4 / 0
Aquamarine 700
#0e7654
RGB: 14 / 118 / 84
CMYK: 87 / 30 / 78 / 17
Aquamarine 300
#7eddb5
RGB: 126 / 221 / 181
CMYK: 47 / 0 / 40 / 0
Aquamarine 900
#0b4f3b
RGB: 11 / 79 / 59
CMYK: 88 / 43 / 78 / 43
Aquamarine 500
#1ead7a
RGB: 30 / 173 / 122
CMYK: 78 / 5 / 70 / 0

Gradient

Our color palette extends beyond solid colors to include gradients, which can be incorporated into your designs.

Gradients should be used judiciously, primarily as background elements. They are not recommended for text applications.

#3b69f1
RGB: 59 / 105 / 241
#202e88
RGB: 32 / 46 / 136
#3b69f1
RGB: 59 / 105 / 241
#94b7fa
RGB: 148 / 183 / 250
#202e88
RGB: 32 / 46 / 136
#0e7654
RGB: 14 / 118 / 84
#202e88
RGB: 32 / 46 / 136
#751f59
RGB: 117 / 31 / 89
#b52587
RGB: 59 / 105 / 241
#94b7fa
RGB: 148 / 183 / 250