Colours

Our palette is built to stand out on any surface. Every colour carries a role, from shaping depth and guiding contrast to reinforcing hierarchy across every layer of the experience. Distinctive by design, optimised for digital.

Primary Colour

Leuchtorange is our high-energy accent. Bold and unmistakable, it signals momentum and drives action. It leads in hero states, calls to action, and signature brand moments.

Copied to Clipboard!

Leuchtorange

HEX

#ff2300

RGB

255/35/0

CMYK

0/86/100/0

PMS

1655 C

Secondary Palette

These tones give the system its structure. While Leuchtorange leads, they create depth, legibility, and balance across light and dark modes. They adapt to context, receding when needed, so the brand always feels clear, intentional, and in control.

Copied to Clipboard!

Base Light

HEX

#DFE3E6

RGB

223/227/230

CMYK

3/1/0/10

PMS

Cool Gray 1 C

Copied to Clipboard!

Base Dark

HEX

#1C1C1C

RGB

28/28/28

CMYK

0/0/0/89

PMS

Black 7 C

Support

Designed to support, not compete. These shades define structure, depth, and interaction states, keeping the interface clear and consistent in both light and dark modes.

Copied to Clipboard!

Support 200

HEX

#F2F4F5

RGB

242/244/245

CMYK

1/0/0/4

PMS

Cool Gray 0.5 C

Copied to Clipboard!

Support 400

HEX

#E3E6E8

RGB

227/230/232

CMYK

2/1/0/9

PMS

Cool Gray 1 C

Copied to Clipboard!

Support 600

HEX

#9C9FA1

RGB

156/159/161

CMYK

3/1/0/37

PMS

Cool Gray 5 C

Copied to Clipboard!

Support 800

HEX

#434445

RGB

67/68/69

CMYK

3/1/0/73

PMS

Cool Gray 11 C

Proportions

Proportion is how we dial presence. Leuchtorange doesn’t always shout, but when it does, it leads. Base colours carry the interface, set rhythm, and frame the stage. These ratios define emphasis and keep the brand unmistakable in light, dark, static, or motion.

Leuchtorange

Base-Light

550

600

800

850

Base-Dark

Up next

Brand OS