Colors

Icon of an arrow pointing down
Light Livestorm logo.

Core colors

These colors are our main, historic colors. We've made slight adjustments to our original color palate, never straying too far from our foundational brand identity. What you see here are Livestorm's official colors.

Check circle and tooltip with added to clipboard written in.Clipboard iconTooltip with the text click to copy written in.
Livestorm Blue
RGB - 11 66 195
HSL - 222 89 40
HEX - 0B42C3
Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Winter Green
RGB - 18 38 43
HSL - 192 41 12
HEX - 12262B
White
RGB - 255 255 255
HSL - 0 0 100
HEX - FFFFFF

Secondary colors

These secondary colors are here to help us tell more of the story.

Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Spring Green
RGB - 12 124 89
HSL - 161 82 27
HEX - 0C7C59
Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Lightning Yellow
RGB - 248 243 43
HSL - 59 94 57
HEX - F8F32B
Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Sandstorm Yellow
RGB - 254 211 72
HSL - 46 99 64
HEX - FED348
Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Live Red
RGB - 148 49 36
HSL - 7 61 36
HEX - 943124
Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Sunburst Red
RGB - 250 201 184
HSL - 15 87 85
HEX - FAC9B8
Clipboard icon
Tooltip with the text click to copy written in.Check circle and tooltip with added to clipboard written in.
Sirocco
RGB - 239 188 155
HSL - 24 72 77
HEX - EFBC9B

Color shades - HEX

Every color of the palette is available in nine shades, allowing us to always find the best tone and strength.

Livestorm Blue
Dark clipboard icon.Dark check circle icon.
F0F4FF
Dark clipboard icon.Dark check circle icon.
DCE6FE
Dark clipboard icon.Dark check circle icon.
B3CAFE
White clipboard icon.White check circle icon.
7BA2FE
White clipboard icon.White check circle icon.
447CFD
White clipboard icon.White check circle icon.
0B54FE
White clipboard icon.White check circle icon.
0B42C3
White clipboard icon.White check circle icon.
05299E
White clipboard icon.White check circle icon.
051752
Blizzard Blue
Dark clipboard icon.Dark check circle icon.
F0F6FA
Dark clipboard icon.Dark check circle icon.
D9E9F2
Dark clipboard icon.Dark check circle icon.
BBD6E7
White clipboard icon.White check circle icon.
95BFDA
White clipboard icon.White check circle icon.
78A1BB
White clipboard icon.White check circle icon.
4880A3
White clipboard icon.White check circle icon.
416A86
White clipboard icon.White check circle icon.
27465D
White clipboard icon.White check circle icon.
152332
Winter Green
Dark clipboard icon.Dark check circle icon.
F1F7F9
Dark clipboard icon.Dark check circle icon.
D0E6EB
Dark clipboard icon.Dark check circle icon.
B7D9E1
White clipboard icon.White check circle icon.
88C0CD
White clipboard icon.White check circle icon.
62AABC
White clipboard icon.White check circle icon.
558D9B
White clipboard icon.White check circle icon.
477580
White clipboard icon.White check circle icon.
335D67
White clipboard icon.White check circle icon.
12262B
Spring Green
Dark clipboard icon.Dark check circle icon.
F3FCFB
Dark clipboard icon.Dark check circle icon.
DFF7F3
Dark clipboard icon.Dark check circle icon.
B6ECE3
White clipboard icon.White check circle icon.
85E0D1
White clipboard icon.White check circle icon.
59D4C0
White clipboard icon.White check circle icon.
2EB89A
White clipboard icon.White check circle icon.
17A679
White clipboard icon.White check circle icon.
0C7C59
White clipboard icon.White check circle icon.
032B1F
Lightning Yellow
Dark clipboard icon.Dark check circle icon.
FEFEF0
Dark clipboard icon.Dark check circle icon.
FDFCC9
Dark clipboard icon.Dark check circle icon.
FCFA9C
White clipboard icon.White check circle icon.
FAF670
White clipboard icon.White check circle icon.
F8F32B
White clipboard icon.White check circle icon.
EBE528
White clipboard icon.White check circle icon.
C4AF12
White clipboard icon.White check circle icon.
917B0D
White clipboard icon.White check circle icon.
574505
Sandstorm Yellow
Dark clipboard icon.Dark check circle icon.
FFFCF0
Dark clipboard icon.Dark check circle icon.
FFF4D1
Dark clipboard icon.Dark check circle icon.
FFEBA8
White clipboard icon.White check circle icon.
FEDE76
White clipboard icon.White check circle icon.
FED348
White clipboard icon.White check circle icon.
FFC91A
White clipboard icon.White check circle icon.
D3A20D
White clipboard icon.White check circle icon.
916308
White clipboard icon.White check circle icon.
5A3802
Live Red
Dark clipboard icon.Dark check circle icon.
FDF7F7
Dark clipboard icon.Dark check circle icon.
F1C0C1
Dark clipboard icon.Dark check circle icon.
EB9E9F
White clipboard icon.White check circle icon.
E26F71
White clipboard icon.White check circle icon.
DA494B
White clipboard icon.White check circle icon.
BE3A37
White clipboard icon.White check circle icon.
943124
White clipboard icon.White check circle icon.
5E1F17
White clipboard icon.White check circle icon.
2D0F0B
Sunburst Red
Dark clipboard icon.Dark check circle icon.
FEF8F6
Dark clipboard icon.Dark check circle icon.
FDEDE7
Dark clipboard icon.Dark check circle icon.
FAC9B8
White clipboard icon.White check circle icon.
F48762
White clipboard icon.White check circle icon.
F36D3F
White clipboard icon.White check circle icon.
F1541E
White clipboard icon.White check circle icon.
CB4A1A
White clipboard icon.White check circle icon.
903413
White clipboard icon.White check circle icon.
561F0B
Sirocco
Dark clipboard icon.Dark check circle icon.
FDF6F2
Dark clipboard icon.Dark check circle icon.
F5D6C2
Dark clipboard icon.Dark check circle icon.
EFBC9B
White clipboard icon.White check circle icon.
E8A478
White clipboard icon.White check circle icon.
E38C54
White clipboard icon.White check circle icon.
DE7835
White clipboard icon.White check circle icon.
A45A28
White clipboard icon.White check circle icon.
723C17
White clipboard icon.White check circle icon.
3B1F0C

Grey tones

Nimbus Grey
Dark clipboard icon.Dark check circle icon.
F6F7F9
Dark clipboard icon.Dark check circle icon.
EAEEF1
Dark clipboard icon.Dark check circle icon.
C8D3DA
White clipboard icon.White check circle icon.
A4B5C1
White clipboard icon.White check circle icon.
8094A3
White clipboard icon.White check circle icon.
5D6D79
White clipboard icon.White check circle icon.
4D5B66
White clipboard icon.White check circle icon.
3F4950
White clipboard icon.White check circle icon.
232B2F

Gradients

We use these to bring a touch of color where it’s lacking.

Pattern

This is our main pattern that we use for backgrounds. It exists in the following colors: