Colors

Main colours

These main colours create the basic visual character of the brand.

Violet 60
HEX #6b50ff
RGB value
CMYK 71-70-0-0
Pantone C 2089 C
Pantone U Violet U
Black
HEX #000000
RGB value
CMYK 0-0-0-100
Pantone C Black 6 C
Pantone U Black 6 U

Secondary colours

Red 50
#f95355
value
Purple 60
#a72dea
value
Violet 60
#6b50ff
value
Blue 60
#2460ff
value
Teal 30
#56d8e0
value

Interaction colours

Green 50
#13a454
value
Orange 50
#eb6307
value
Red 60
#d9222c
value

Colour palettes

Colour palettes allow us to create digital environments (apps, web) with sufficient contrast and accessibility of all elements.

Gray 100

#161616

Gray 90

#262626

Gray 80

#393939

Gray 70

#525252

Gray 60

#6f6f6f

Gray 50

#8d8d8d

Gray 40

#a8a8a8

Gray 30

#c6c6c6

Gray 20

#e0e0e0

Gray 10

#f4f4f4

Yellow 100

#1d1401

Yellow 90

#312402

Yellow 80

#493605

Yellow 70

#694f04

Yellow 60

#8e6b00

Yellow 50

#b28700

Yellow 40

#d3a103

Yellow 30

#f4c01a

Yellow 20

#fedd6f

Yellow 10

#fcf4d6

Gold 100

#241100

Gold 90

#3b1f01

Gold 80

#573002

Gold 70

#7b4505

Gold 60

#a45f09

Gold 50

#cf790e

Gold 40

#ed9419

Gold 30

#feba53

Gold 20

#fddc95

Gold 10

#fff2de

Orange 100

#251200

Orange 90

#421b00

Orange 80

#642600

Orange 70

#933200

Orange 60

#c14812

Orange 50

#eb6307

Orange 40

#fe8431

Orange 30

#ffb687

Orange 20

#ffd8bf

Orange 10

#fff1e9

Red 100

#2b0b0b

Red 90

#4f090d

Red 80

#740e14

Red 70

#a2171f

Red 60

#d9222c

Red 50

#f95355

Red 40

#ff8384

Red 30

#ffb3b2

Red 20

#ffd6d5

Red 10

#fff1f2

Magenta 100

#290c17

Magenta 90

#4f071d

Magenta 80

#720f2d

Magenta 70

#a01743

Magenta 60

#d3265d

Magenta 50

#ee5884

Magenta 40

#fb82a8

Magenta 30

#ffb0ca

Magenta 20

#ffd5e4

Magenta 10

#fff0f6

Purple 100

#200f29

Purple 90

#3b1151

Purple 80

#59137d

Purple 70

#7e1cb2

Purple 60

#a72dea

Purple 50

#c063f9

Purple 40

#d28df7

Purple 30

#e3b6fa

Purple 20

#f2d6fd

Purple 10

#fbf1fb

Violet 100

#170d3a

Violet 90

#281661

Violet 80

#39238f

Violet 70

#5432cd

Violet 60

#6b50ff

Violet 50

#8b7cff

Violet 40

#a69dff

Violet 30

#c5c0ff

Violet 20

#dfdcff

Violet 10

#f3f2ff

Blue 100

#071338

Blue 90

#071d67

Blue 80

#0a2e9b

Blue 70

#1043cd

Blue 60

#2460ff

Blue 50

#4b8aff

Blue 40

#7ca8ff

Blue 30

#a9c7ff

Blue 20

#d0e0ff

Blue 10

#ecf5ff

Teal 100

#031a1c

Teal 90

#002a2d

Teal 80

#004042

Teal 70

#005e5e

Teal 60

#007c83

Teal 50

#009da7

Teal 40

#00bac5

Teal 30

#56d8e0

Teal 20

#a3ecf1

Teal 10

#e0fafb

Green 100

#061912

Green 90

#102b19

Green 80

#124223

Green 70

#195e33

Green 60

#168042

Green 50

#13a454

Green 40

#34c06a

Green 30

#5adf88

Green 20

#a3f1b9

Green 10

#ddfbe9

Lime 100

#081905

Lime 90

#182b05

Lime 80

#26400c

Lime 70

#355c15

Lime 60

#457d1f

Lime 50

#599f2a

Lime 40

#6dbc39

Lime 30

#89db5d

Lime 20

#a6f382

Lime 10

#e0fcd6

Colour ratios

Proportional use of colour within the visual style.

Contrast control

Check the contrast between foreground and background colours to ensure that text, headings and buttons are legible according to accessibility standards.

Insert foreground color

Insert background color

Contrast

1.00

Is suitable for paragraphs?

Is suitable for headlines?

Is suitable for buttons?

Color Modes

Color modes determine the color scheme we choose for the logo to display correctly on screens and in print.

Color Mode  What is it?  Usage 
HEX RGB Equivalent (hexadecimal) WEBHTMLCSS
RGB Color Space of Screens RGB WEBHTMLCSS
CMYK
Color Space for Printers CMYK
PRINT
Pantone
Direct Mixed Colors Pantone for printing  PRINT

Color Mode Selection

Suitable Color Mode for Logo:  RGB logo
CMYK logo
Pantone logo
Logo will be on screen (web, mobile, presentation…)


Logo will be in print (business card, flyer…)