Toolkit

02.

Colours

Scroll
Colour

Colour values

Our colour palette is influenced by neon scenes in Tokyo, with strong reds, purples and blues which also make up vibrant gradients. These are supported by a more muted darker and lighter palette, which works for elements such as text or backgrounds, allowing the brighter colours to take the spotlight.

#170627
CMYK: 84, 86, 51, 70
RGB: 23,6,39

#FFFFFF
CMYK: 0, 0, 0 ,0
RGB: 255, 255, 255

#FF2C00
CMYK: 0, 93, 100, 0
RGB: 255,44,0

#AE03D8
CMYK: 50, 86, 0, 0
RGB: 174, 3, 216

#6CE4F0
CMYK: 46, 0, 10, 0
RGB: 108, 228, 240

#E6E6E6
CMYK: 9, 6, 7, 0
RGB: 230, 230, 230

#D1D1D1
CMYK: 17, 13 ,1 3, 0
RGB: 209, 209, 209

#BABABA
CMYK: 27, 22, 22 ,0
RGB: 186, 186, 186

#FF2C00 > #AE03D8

#AE03D8 > #6CE4F0

#6CE4F0 > #FF2C00

Logo

Do and don’ts

Don’t use our bright colours on top of gradients where it will cause legibility issues.

Use darker backgrounds over large areas. White or light grey type usually works better on top of that.

Avoid our gradient colors for large background fills.

Use gradient fills for illustrations or patterns when used on darker backgrounds.

arrow-down-blackarrow-down-whitearrow-down-white2 ^ arrow-downarrow-left-greyarrow-leftarrow-right-greyarrow-rightclosedigital-marketing-for-asiadownload edit facebook--althand-world logo-sidebar-closed logo-sidebar-open menu-close menu pin planet scroll settings social_facebooksocial_googleplussocial_instagramsocial-linkedin--altsocial_linkedin_altsocial_pinterestsocial-twitter--altlogo-twitter-glyph-32social-youtube--altsocial_youtubespeechswirl-down tickvideo whitepaper