Color
Color palette based on blue colors with additional warmth to make it more human and friendly. Navy anchors the brand, while bright accents and gradients bring energy and clarity everywhere.
Core Colors
Zerion Navy
HEX
RGB
CMYK
PANTONE
#06003C
6 0 60
100 80 0 40
2757 C
Zerion Original
HEX
RGB
CMYK
PANTONE
#3232DC
50 50 220
100 70 0 0
2728 C
Zerion Digital
HEX
RGB
CMYK
PANTONE
#2461ED
36 97 237
85 50 0 0
279 C
Zerion Blue
HEX
RGB
CMYK
PANTONE
#56ACFF
86 172 255
65 20 0 0
278 C
Secondary Colors
Zerion Mint
HEX
RGB
CMYK
PANTONE
#3FFDEE
63 253 238
50 0 20 0
3242 C
Zerion Peach
HEX
RGB
CMYK
PANTONE
#FF7583
255 117 131
0 70 50 0
170 C
Zerion Pink
HEX
RGB
CMYK
PANTONE
#FFBDFF
255 189 255
0 40 0 5
243 C
Zerion Grey
HEX
RGB
CMYK
PANTONE
#F0F0F0
240 240 240
0 0 0 15
Cool Gray 1 C
Gradients Palette
Zerion Original
Zerion Navy
Zerion Blue
Zerion Original
Zerion Mint
Zerion Digital
Zerion Original
Zerion Peach
Zerion Pink
Zerion Peach
Zerion Pink
Zerion Grey
Gradients System
For communication materials there are three themes: dark, main, and light. These themes are used according to the tone of voice of communication.
Dark Theme
Main Theme
Light Theme
Product Palettes
Each product leads with its own part of the palette. Wallet pages are bright, API pages are dark, and Premium adds a few colours of its own.
Wallet
Bright. The hero runs from mint into digital blue, with pink and peach accents.
Hero
Mint → Digital
Mint
#3FFDEE
Blue
#56ACFF
Digital
#2461ED
Pink
#FFBDFF
Peach
#FF7583
API
Dark. The hero runs from digital blue into navy, and stays in shades of blue.
Hero
Digital → Navy
Navy
#06003C
Original
#3232DC
Digital
#2461ED
Blue
#56ACFF
Premium
Its own dark palette: cool navy surfaces, a blue action and a pink rim light.
Well
#102955 → #0B1130
Background
#070B18
Surface
#11192C
Action
#405BE8
Violet
#843DFF
Pink Rim
#FF3BEA