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.