Our Colors

We use four color groups to bring our brand to life.

  1. Primary
  2. Secondary
  3. Neutral
  4. Gradients

Primary

Our distinctive purple color palette symbolizes creativity, wisdom and imagination. White creates an open and clean look.

Image depicting the eggplant colour.

EGGPLANT
RGB 36-7-79
HEX #24074F
CMYK 96-100-27-42
PMS 2765C

Image showing the colour Indigo.

INDIGO
RGB 48-8-123
HEX #30087B
CMYK 100-100-12-9
PMS 2735C

Image showing a shade of purple colour.

HRGB 95-75-156 
HEX #5F4B9C 
CMYK 79-84-2-0 
PMS 2104C

Image showing the colour violet.

VIOLET
RGB 147-126-228
HEX #937EE4
CMYK 57-59-0-0
PMS 2665C

Image depicting white colour.

WHITE
RGB 225-225-225
HEX #FFFFFF
CMYK 0-0-0-0

Secondary

A secondary set of colors and tints complements our primary palette in complicated charts, infographics and text boxes only.

Use tints for tables and in the Arc unifying graphic.

Colour swatch showing opacity 50–10%.

RGB 127-146-202
HEX #7F92CA
CMYK 60-44-0-0
PMS 2124C

Colour swatch showing opacity 50–10%

RGB 127-51-219
HEX #7F33DB
CMYK 66-80-0-0
PMS 266C
 

Colour swatch showing opacity 50–10%

RGB 174-63-159
HEX #AE3F9F
CMYK 37-96-0-0
PMS 2069C

Colour swatch showing opacity 50–10%

RGB 218-80-118
HEX #DA5076
CMYK 10-84-34-0
PMS 702C

Colour swatch showing opacity 50–10%

RGB 67-212-211
HEX #43D4D3
CMYK 60-0-20-0
PMS 3252C

Colour swatch showing opacity 50–10%

RGB 136-188-66
HEX #88BC42
CMYK 55-0-100-0
PMS 368C

Colour swatch showing opacity 50–10%

RGB 227-221-97
HEX #E3DD61
CMYK 13-5-74-0
PMS 4016C

Colour swatch showing opacity 50–10%

RGB 184-161-129
HEX #B9A181
CMYK 31-38-56-2
PMS 4007C

Neutrals

Pale grey for light text backboxes.
Dark neutral grey colors for body copy.

Colour swatch showing opacity 50–10%

BLACK
RGB 0-0-0
HEX #000000
CMYK (Rich Black)
70-50-30-100

Colour swatch showing opacity 50–10%

DARK GREY
RGB 77-77-77
HEX #4D4D4D
CMYK 0-0-0-80

Colour swatch showing opacity 50–10%

MEDIUM GREY
RGB 191-191-191
HEX #BFBFBF
CMYK 0-0-0-25

Colour swatch showing opacity 50–10%

PALE GREY
RGB 240-240-240
HEX #F0F0F0
CMYK 0-0-0-6

Gradients

Use our purple gradients for large headlines, large backgrounds and digital & printed banners.

Image showing colour gradient

Custom Color

RGB 14-15-38             RGB 48-8-123             RGB 147-126-228
HEX #0E0F26              HEX #30087B              HEX #937EE4
CMYK 87-82-53-71    CMYK 100-98-12-9     CMYK 57-57-0-0

Image showing colour gradient.

Custom Color

RGB 48-8-123                   RGB 147-126-228       RGB 211-189-255 
HEX #30087B                   HEX #937EE4               HEX #D3BDFF 
CMYK 100-100-12-9       CMYK 57-57-0-0         CMYK 25-27-0-0 
 

Color Sequencing for Graphs and Charts

Key Considerations

  • Start with the primary color palette at 100%.
  • Try the secondary colors in more complicated charts.
  • Use the 50% tints from the secondary color palette for additional data points.

Please follow the color sequences below.

Color Sequencing

Color Tints

Overview

Color tint pairings allow you to add some variety when other design elements using large amounts of purple. These tint sets may also be used to connect two pieces of content that are directly related.

 

Use color tints for:

  • Factoids
  • Stats
  • Infographics
  • Sidebars
  • Quote boxes
  • Arc unifying graphic
color tint