Colors

We use colors to express our personality

We're imaginative, encouraging, perceptive, and genuine. Our colors are bright, bold, optimistic, and exciting. We use colors to pinpoint precisely what people need to see. Accent colors highlight and complement the primary color palette. It's good to give the eye a rest and allow for contrast and hierarchy of information.

Primary colors

Color palette

Primary colors are used in logical ways throughout all experiences to guide the eye and highlight important elements.

Mamo Blue
HEX
#3333FF
RGB
51, 51, 255
Blooming Pink
HEX
#FF0066
RGB
255, 0, 102

Accent colors

Color palette

Our secondary colors highlight and compliment the primary color palette. It's important to give the eye a rest and allow for contrast and hierarchy for supporting information. Having a range of colors to choose from helps users find what they need.

Gallant Yellow
HEX
#FFD147
RGB
255, 209, 71
CMYK
0, 19, 79, 0
Bold Red
HEX
#E3291D
RGB
227, 41, 29
CMYK
0, 93, 93, 0
Harmony Green
HEX
#1E8A5E
RGB
30, 138, 94
CMYK
82, 21, 74, 6
Black
HEX
#080826
RGB
8, 8, 38
CMYK
75, 50, 0, 95

Which color method to use?

Digital and print mediums render color very differently from one another. We are committed to complying with AA standard contrast ratios. To do this, we have chosen primary, secondary and extended color formats that support usability. This ensures sufficient color contrast between elements so that users with low vision can see and use our products.

Format
Use
HEX
Digital screens, web and mobile development and coding (e.g. HTML, CSS)
RGB
Digital screens, displays using light (e.g. LED, OLED)
CMYK
Digital printing, offset and using color illustrations (e.g. SVG)

Color tints

Color tint palette

Both our Primary and Accent colors have a pre-selected range of tints for use. These should only be used when you need more choices of colors. Color tints are to be used sparingly and must not feature prominently.

Mamo Blue

500
Hex
#3333FF
RGB
51, 51, 255
400
Hex
#5252ff
RGB
82, 82, 255
300
Hex
#7070ff
RGB
112, 112, 255
200
Hex
#9999FF
RGB
153, 153, 255
100
Hex
#c2c2ff
RGB
194, 194, 255
50
Hex
#e7e7ff
RGB
231, 231, 255
25
Hex
#f3f3ff
RGB
243, 243, 255

Blooming Pink

500
Hex
#FF0066
RGB
255, 0, 102
400
Hex
#ff267d
RGB
255, 38, 125
300
Hex
#ff4d94
RGB
255, 77, 148
200
Hex
#ff80b3
RGB
255, 144, 179
100
Hex
#ffb3d1
RGB
255, 179, 209
50
Hex
#ffe0ed
RGB
255, 224, 237
25
Hex
#fff4f9
RGB
255, 244, 249

Gallant Yellow

500
Hex
#ffd147
RGB
255, 209, 71
400
Hex
#ffd863
RGB
255, 216, 99
300
Hex
#ffdf7e
RGB
255, 223, 126
200
Hex
#FFE8A3
RGB
255, 232, 163
100
Hex
#FFF1C8
RGB
255, 241, 200
050
Hex
#FFF6DD
RGB
255, 246, 221
025
Hex
#FFFBF1
RGB
255, 251, 241

Bold Red

500
Hex
#E3291D
RGB
227, 41, 29
400
Hex
#F64830
RGB
246, 72, 48
300
Hex
#FF6B57
RGB
255, 107, 87
200
Hex
#FF9F8A
RGB
255, 159, 138
100
Hex
#FFC8BC
RGB
255, 200, 188
050
Hex
#FFE8E3
RGB
255, 232, 227
025
Hex
#FFF5F2
RGB
255, 245, 242

Harmony Green

500
Hex
#1E8A5E
RGB
30, 138, 94
400
Hex
#2DB37C
RGB
45, 179, 124
300
Hex
#46d39a
RGB
70, 211, 154
200
Hex
#7ee0b8
RGB
126, 224, 184
100
Hex
#bef0dc
RGB
190, 240, 220
050
Hex
#e3faf1
RGB
227, 250, 241
025
Hex
#f0fbf7
RGB
240, 251, 247

Black

500
Hex
#080826
RGB
8, 8, 38
400
Hex
#26303E
RGB
38, 48, 62
300
Hex
#525A67
RGB
82, 90, 103
200
Hex
#9BA1B3
RGB
155, 161, 179
100
Hex
#C7CEDC
RGB
199, 206, 220
050
Hex
#E5E9F0
RGB
229, 233, 240
025
Hex
#F3F5F9
RGB
243, 245, 249