Brand Guidelines

05 Color

Color adds impact, excitement, and vibrancy to every identity system. We use it to stand out, enhance the content we create, and guide our users seamlessly through our communications.

The basics

Our color palette features a vibrant selection of rich, digitally native colors, complemented by a range of color shades.

Color selection and design software

Print

When designing for print we work with CMYK or PMS values, in software that supports those values, such as Adobe Illustrator, or InDesign.

Screen

When designing for screen we work with RGB or HEX values, in software that supports those values, such as Figma, Canva, Google Slides, Keynote, Powerpoint.

Note

Print color values will not display accurately on screen. Screen colors will not print accurately.

Color values

CMYK

Cyan, magenta, yellow and black. The four colors used in offset and digital printing.

PMS

Pantone Matching System. An international color numbering system for accurate selection, specification and matching of colors.

RGB

Red, green and blue, the component colors which create all screen colors.

HEX

A hexadecimal way of representing the red, green and blue of screen colors.

Note

Several factors can change how color will reproduce. Before any large scale print run, testing is always advised.

Core brand color palette

Colours are a powerful design tool – they attract attention, create atmosphere and give our brand character. Nevertheless, conscious and sparing use is crucial to maintain clarity and consistency.

Reduced use of colour ensures that content remains the focus and visual overload is avoided. Primary colours should be used selectively to emphasise key messages or highlight important interactive elements. Secondary colours serve to support, not dominate.

Less is more: restraint in colour design creates a clear, modern and professional appearance that strengthens our brand identity and creates a harmonious user experience.

Black & white

Black & white is used for backgrounds and text.  

  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • RICH BLACK
  • 60 / 40 / 40 / 100
  • 0 / 0 / 0
  • #000000
  • Black 6 C
  • Backgrounds / Text
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • WHITE
  • 0 / 0 / 0 / 0
  • 255 / 255 / 255
  • #FFFFFF
  • Bright white
  • Backgrounds / Text

Coral red

Coral red is primarily used for backgrounds and accentuated touchpoints/typographic design elements. The shades of this colour are only used for backgrounds.

  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • CORAL RED
  • 0 / 80 / 65 / 0
  • 234 / 80 / 76
  • #EA504C
  • 2348 C
  • Accent Elements / Backgrounds
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • CR SHADE 01
  • 0% / 44% / 44% / 0%
  • 254 / 143 / 141
  • #x
  • 6043 C
  • Backgrounds only
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • CR SHADE 02
  • 0 / 22 / 22 / 0
  • 254 / 198 / 197
  • #FEC6C5
  • 699 C
  • Backgrounds only

Deep blue

Deep blue and its shades are primarily used for backgrounds.

  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • DEEP BLUE
  • 100 / 35 / 0 / 65
  • 0 / 63 / 95
  • #003F5F
  • 302 C
  • Backgrounds
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • DP SHADE 01
  • 61 / 21 / 0 / 28
  • 72 / 146 / 184
  • #4892B8
  • 7459 C
  • Backgrounds only
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • DP SHADE 02
  • 44 / 15 / 0 / 13
  • 124 / 188 / 222
  • #7CBCDE
  • 297 C
  • Backgrounds only

Neural grey

Neural grey and its shades are primarily used for backgrounds or design elements (e.g. illustrations, form fields)

  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • NEURAL GREY
  • 25 / 5 / 0 / 45
  • 107 / 132 / 140
  • #6B848C
  • 6114 C
  • Backgrounds / Design Elements
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • NG SHADE 01
  • 11 / 5 / 0 / 27
  • 166 / 181 / 186
  • #A6B5BA
  • 2176 C
  • Backgrounds / Design Elements
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • NG SHADE 02
  • 5 / 0 / 0 / 15
  • 210 / 218 / 221
  • #D2DADD
  • 6148 C
  • Backgrounds / Design Elements
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • NG SHADE 03
  • 2 / 0 / 0 / 7
  • 233 / 237 / 238
  • #E9EDEE
  • 656 C
  • Backgrounds only

Code green

Code green is primarily used for backgrounds and accentuated touchpoints/typographic design elements. The shades of this colour are only used for backgrounds.

  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • CODE GREEN
  • 22 / 0 / 79 / 16
  • 167 / 214 / 46
  • #A7D62E
  • 2299 C
  • Accent Elements / Backgrounds
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • CG SHADE 01
  • 16 / 0 / 56 / 12
  • 189 / 224 / 98
  • #BDE062
  • 2298 C
  • Backgrounds only
  • Name
  • CMYK
  • RGB
  • HEX
  • PMS
  • Use
  • CG SHADE 02
  • 10 / 0 / 36 / 8
  • 211 / 235 / 151
  • #D3EB97
  • 2281 C
  • Backgrounds only

Color pairings

The AI NATION color pairings are established to facilitate consistent and efficient design across brand materials. In addition to the recommended pairings presented below, designers may also combine colors within the same color family — for example, Deep blue with Deep blue shade 01 — to ensure visual harmony and maintain brand consistency.

Black
Coral red
Black
Deep blue  shade 01 and shade 02
Black
Neural Grey and and all shades of it
Black
Code Green and all shades of it
Black
Bloomlight yellow and all shades of it
Deep blue
Deep blue shade 01, shade 02