logo
Trustly Docs
BETA
Color palette

Our colour palette is driven by our distinct Trustly Green, a strong identifier that carries a certain weight, but also propels Trustly toward the future. This bright green is contrasted with a stripped-down black and white palette, and supported with a range of complementary greens, creating a sophisticated but distinct palette with flexibility.

Primary & Accent colors

Trustly Green is our brand colour, and also our accent color. Used as a distinct identifier to be applied across all applications and touch-points. To support the Trustly Green is a monotone palette that create a sophisticated backdrop allowing the Trustly Green to contrast.

Secondary colors

The green palette expands to four additional green colors and off-white to support documentation like graphs, charts and presentations when a broader spectrum is needed.

Secondary colors hierarchy

The color scale below show the hierarchal order for the use of secondary colors.

Support and UI colors

A palette of grey tones is used to provide a greater range of depth, contrast, and variety in layouts, documentation such as graphs and charts, and UX design. 

This palette should not be used for leading design, but rather act as complementary colors. 

Functional colors

Colors to signal error/decline, warning and success that may only be used for text.

Success

HEX

#28DC7A

RGB

40, 220, 122

CMYK

Danger

HEX

#F03100

RGB

240, 49, 0

CMYK

Warning

HEX

#FFA900

RGB

255, 169, 0

CMYK

Information

HEX

#0094FF

RGB

0, 148, 255

CMYK

Applications

To avoid a visual overload of colours, our primary colours may only be combined with one complementary color from the secondary palette at a time.