04

Color palette

01
Our Palette

Color plays an integral part in our visual system; using the correct color values and combinations is key. With it we establish our brand's expression and personality.

orange
  • #FF6A47
  • RGB:  
    255, 106, 71
  • CMYK:  
    0, 78, 78, 0
  • PMS:  
    171 U
pink
  • #FF6FFF
  • RGB:  
    255, 111, 255
  • CMYK:  
    13, 65, 0, 0
  • PMS:  
    245 U
green
  • #5AFB7A
  • RGB:  
    90, 251, 122
  • CMYK:  
    70, 0, 98, 0
  • PMS:  
    7487 U
lime
  • #D0FC53
  • RGB:  
    208, 252, 83
  • CMYK:  
    29, 0, 100, 0
  • PMS:  
    372 U
blue
  • #53ABFC
  • RGB:  
    83, 171, 252
  • CMYK:  
    66, 32, 0, 1
  • PMS:  
    292 U
maroon
  • #52002D
  • RGB:  
    82, 0, 45
  • CMYK:  
    44, 100, 54, 53
  • PMS:  
    209 U
purple
  • #39175B
  • RGB:  
    57, 23, 91
  • CMYK:  
    86, 100, 28, 28
  • PMS:  
    2695 U
teal
  • #004051
  • RGB:  
    0, 64, 81
  • CMYK:  
    100, 63, 49, 37
  • PMS:  
    7484 U
deep green
  • #0B4912
  • RGB:  
    11, 73, 18
  • CMYK:  
    89, 42, 100, 47
  • PMS:  
    364 U
navy
  • #101C57
  • RGB:  
    16, 28, 87
  • CMYK:  
    100, 97, 32, 31
  • PMS:  
    295 U
black
  • #29292B
  • RGB:  
    19, 19, 20
  • CMYK:  
    74, 68, 65, 81
  • PMS:  
    Black U
dark gray
  • #434345
  • RGB:  
    41, 41, 43
  • CMYK:  
    72, 66, 62, 66
  • PMS:  
    432 U
gray
  • #D2D2D5
  • RGB:  
    210, 210, 213
  • CMYK:  
    1, 1, 0, 16
  • PMS:  
    Cool Gray 3 U
light gray
  • #EBEBED
  • RGB:  
    235, 235, 237
  • CMYK:  
    8, 6, 6, 0
  • PMS:  
    Cool Gray 1 U
white
  • #FFFFFF
  • RGB:  
    255, 255, 255
  • CMYK:  
    0, 0, 0, 0
  • PMS:  
    Bright White C

02
Color Pairings

We have defined 5 vibrant accent colors that serve as visual highlights of our brand. For each accent color, we have a corresponding dark one. We call this principle “Color pairings” and believe that it ensures a consistent and harmonious design, as each dark color is strictly associated with one of the accents.

Note that the examples provided here are the only color pairings that are allowed when pairing two secondary colors.

Orange
Green
Lime
Pink
Purple
Blue

Here are all the possible color pairing examples for the type.

Background color
Choose background color
Type color: Black
#29292B

03
Image + Color

When incorporating images, we always emphasize the presence of colors from our palette as dominant elements in the selected imagery. This ensures a seamless and visually cohesive integration of color throughout our design materials.

Color
green
Color Image
Color Image
Color Image
Color Image
Color Image

04
Color Usage & Pairing Examples

The layout examples here show an ideal balance of secondary colors.

*Principles for the visual system to create layouts will be explained further in the later sections of the guidelines.

showcase tablet
showcase phone
showcase laptop
Next:
Typography