Color palette
01Our 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.
- #FF6A47
- RGB:255, 106, 71
- CMYK:0, 78, 78, 0
- PMS:171 U
- #FF6FFF
- RGB:255, 111, 255
- CMYK:13, 65, 0, 0
- PMS:245 U
- #5AFB7A
- RGB:90, 251, 122
- CMYK:70, 0, 98, 0
- PMS:7487 U
- #D0FC53
- RGB:208, 252, 83
- CMYK:29, 0, 100, 0
- PMS:372 U
- #53ABFC
- RGB:83, 171, 252
- CMYK:66, 32, 0, 1
- PMS:292 U
- #52002D
- RGB:82, 0, 45
- CMYK:44, 100, 54, 53
- PMS:209 U
- #39175B
- RGB:57, 23, 91
- CMYK:86, 100, 28, 28
- PMS:2695 U
- #004051
- RGB:0, 64, 81
- CMYK:100, 63, 49, 37
- PMS:7484 U
- #0B4912
- RGB:11, 73, 18
- CMYK:89, 42, 100, 47
- PMS:364 U
- #101C57
- RGB:16, 28, 87
- CMYK:100, 97, 32, 31
- PMS:295 U
- #29292B
- RGB:19, 19, 20
- CMYK:74, 68, 65, 81
- PMS:Black U
- #434345
- RGB:41, 41, 43
- CMYK:72, 66, 62, 66
- PMS:432 U
- #D2D2D5
- RGB:210, 210, 213
- CMYK:1, 1, 0, 16
- PMS:Cool Gray 3 U
- #EBEBED
- RGB:235, 235, 237
- CMYK:8, 6, 6, 0
- PMS:Cool Gray 1 U
- #FFFFFF
- RGB:255, 255, 255
- CMYK:0, 0, 0, 0
- PMS:Bright White C
02Color 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.
Here are all the possible color pairing examples for the type.
03Image + 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.
04Color 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.