These main colours create the basic visual character of the brand.
Colour palettes allow us to create digital environments (apps, web) with sufficient contrast and accessibility of all elements.
Gray 100
Gray 90
Gray 80
Gray 70
Gray 60
Gray 50
Gray 40
Gray 30
Gray 20
Gray 10
Yellow 100
Yellow 90
Yellow 80
Yellow 70
Yellow 60
Yellow 50
Yellow 40
Yellow 30
Yellow 20
Yellow 10
Gold 100
Gold 90
Gold 80
Gold 70
Gold 60
Gold 50
Gold 40
Gold 30
Gold 20
Gold 10
Orange 100
Orange 90
Orange 80
Orange 70
Orange 60
Orange 50
Orange 40
Orange 30
Orange 20
Orange 10
Red 100
Red 90
Red 80
Red 70
Red 60
Red 50
Red 40
Red 30
Red 20
Red 10
Magenta 100
Magenta 90
Magenta 80
Magenta 70
Magenta 60
Magenta 50
Magenta 40
Magenta 30
Magenta 20
Magenta 10
Purple 100
Purple 90
Purple 80
Purple 70
Purple 60
Purple 50
Purple 40
Purple 30
Purple 20
Purple 10
Violet 100
Violet 90
Violet 80
Violet 70
Violet 60
Violet 50
Violet 40
Violet 30
Violet 20
Violet 10
Blue 100
Blue 90
Blue 80
Blue 70
Blue 60
Blue 50
Blue 40
Blue 30
Blue 20
Blue 10
Teal 100
Teal 90
Teal 80
Teal 70
Teal 60
Teal 50
Teal 40
Teal 30
Teal 20
Teal 10
Green 100
Green 90
Green 80
Green 70
Green 60
Green 50
Green 40
Green 30
Green 20
Green 10
Lime 100
Lime 90
Lime 80
Lime 70
Lime 60
Lime 50
Lime 40
Lime 30
Lime 20
Lime 10
Gray 100
Gray 90
Gray 80
Gray 70
Gray 60
Gray 50
Gray 40
Gray 30
Gray 20
Gray 10
Yellow 100
Yellow 90
Yellow 80
Yellow 70
Yellow 60
Yellow 50
Yellow 40
Yellow 30
Yellow 20
Yellow 10
Gold 100
Gold 90
Gold 80
Gold 70
Gold 60
Gold 50
Gold 40
Gold 30
Gold 20
Gold 10
Orange 100
Orange 90
Orange 80
Orange 70
Orange 60
Orange 50
Orange 40
Orange 30
Orange 20
Orange 10
Red 100
Red 90
Red 80
Red 70
Red 60
Red 50
Red 40
Red 30
Red 20
Red 10
Magenta 100
Magenta 90
Magenta 80
Magenta 70
Magenta 60
Magenta 50
Magenta 40
Magenta 30
Magenta 20
Magenta 10
Purple 100
Purple 90
Purple 80
Purple 70
Purple 60
Purple 50
Purple 40
Purple 30
Purple 20
Purple 10
Violet 100
Violet 90
Violet 80
Violet 70
Violet 60
Violet 50
Violet 40
Violet 30
Violet 20
Violet 10
Blue 100
Blue 90
Blue 80
Blue 70
Blue 60
Blue 50
Blue 40
Blue 30
Blue 20
Blue 10
Teal 100
Teal 90
Teal 80
Teal 70
Teal 60
Teal 50
Teal 40
Teal 30
Teal 20
Teal 10
Green 100
Green 90
Green 80
Green 70
Green 60
Green 50
Green 40
Green 30
Green 20
Green 10
Lime 100
Lime 90
Lime 80
Lime 70
Lime 60
Lime 50
Lime 40
Lime 30
Lime 20
Lime 10
Proportional use of colour within the visual style.
Check the contrast between foreground and background colours to ensure that text, headings and buttons are legible according to accessibility standards.
Explore this color combination on color.review or coolors.co
Color modes (HEX, RGB, CMYK, Pantone, RAL, NCS) represent different color definition systems used in various media and technologies. The table below explains their usage for proper logo display on screens, in print, or physical materials.
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 |
| RAL |
Color matching system RAL for physical objects | INDUSTRIAL |
| NCS |
Natural Color System NCS based on human perception | INDUSTRIALDESIGN |