Choose language
Last updated: July 15, 2026
Color propotions
i
Color proportions

Primary colours

Our main brand communication applies these primary colors.
Using them consistently will help us build brand recognition.

White

#FFFFFF

RGB: 255, 255, 255

CMYK: 0, 0, 0, 0

Blurple

#6B5DFF

RGB: 107, 93, 255

CMYK: 80, 72, 0, 0

PMS: 2726

Midnight Blue

#010149

RGB: 1, 1, 73

CMYK: 100, 96, 0, 50

PMS: 2756

Dark Blue

#00001D

RGB: 0, 0, 29

CMYK: 100, 70, 0, 85

PMS: 282

Secondary colours

Secondary colors support the primary palette. They are typically used to create hierarchy and visual structure.
Use them for highlights, section backgrounds, cards, containers, and other supporting interface elements.

Lavender

#E7E5FF

RGB: 231, 229, 255

CMYK: 18, 11, 0 ,0

PMS: 2706

Off-White

#FFFBF4

RGB: 255, 251, 244

CMYK: 0, 1, 3, 0

PMS: 7499 (15%)

Call-to-actions (buttons)

This color is to be used for buttons only, not for any other purpose. Please refer to digital guidelines for the complete call-to-actions hierarchy system.

Coral

#FE6E63

RGB: 254, 110, 99

Colour usage hierarchy

Our colour usage follows a clear hierarchy to maintain consistency and focus across all touchpoints.
Frame 17 (2)
i
Lorem ipsum dolor set amet

⚠️ Different materials, lighting conditions, and surroundings can affect how a colour appears.
For printed materials, we always recommend doing a test print to confirm the colour before production.

In use examples

Frame 1000007380 (4)
Coral Applications
i
Lorem ipsum dolor set amet

Blurple as a brand asset

We said it before, but we can’t say it enough. Blurple is our key brand recognition color and should always be present in every communication.

Whether used as the background, within the logo, an icon, an outline, or even a subtle graphic detail, every asset should include at least one touch of Blurple to create a consistent and instantly recognizable brand experience.
Screenshot 2026-07-14 at 12.41.35
i
Lorem ipsum dolor set amet