Color

This collection of colors and tints is used across Teamleader. They make the visual design more consistent, provide meaning and add hierarchy to the UI.

Primary colors

Secondary colors

These colors should be used with purpose. They have to support the meaning of an element rather then only have an aesthetic function.

In use

Some guidelines of putting these colors to work

Default islands

Background – Neutral Lightest or Light

Border – Neutral

Text-color – Teal Darkest

Icon-color – Teal Darkest with 0.87 opacity

Status islands

Background – Neutral Lightest or Light

Border – Neutral

Text-color – Teal Darkest

Icon-color – Teal Darkest with 0.87 opacity