Primary color palette
Name: celeste (Celeste)
HEX: #34cdd7
RGB: rgb(52, 205, 215)
Name: grayDarkest (ESM Gray)
HEX: #2b2a2e
RGB: rgb(43, 42, 46)
Secondary color palette
Our secondary color palette is made up of bold and bright colors that add depth to our brand.
Name: mauveDark (ESM Mauve)
HEX: #494458
RGB: rgb(73, 68, 88)
Name: celesteDarker (ESM Teal)
HEX: #185a6f
RGB: rgb(24, 90, 111)
Name: purpleDarker (ESM Purple)
HEX: #32265a
RGB: rgb(50, 38, 90)
Name: redLighter (ESM Pink)
HEX: #ffc7d3
RGB: rgb(255, 199, 211)
Name: yellowShade (ESM Yellow)
HEX: #d3bf57
RGB: rgb(211, 191, 87)
Name: blue (ESM CTA Blue)
HEX: #236cff
RGB: rgb(35, 108, 255)
Full SDS color palette
The Brand Primary and Secondary colors are a subset of the full SDS color palette
RGB vs CMYK
Our color palette is designed specifically for digital use. This means on the web, on social, in PDF documents and in PowerPoint presentations some of our colors appear vibrant and saturated. When our colors are printed in CMYK it is expected that they will appear less saturated and less vibrant.
It is normal for printed colors to look different from colors on digital screens
Color Use
How we use color is important in maintaining the look and tone of brand. Here are some examples and recommendations for color use.
In general, it's recommended to use a combination of 1 bright color, 1 dark color and white. This provides balance and contrast.
If using 2 colours, it's better to use 1 bright and 1 dark for contrast
DO NOT use colors in even splits - this causes problems with balance and hierarchy
IT IS NOT RECOMMENDED to use more than 3 colors
IT IS NOT RECOMMENDED to use more than 3 colors
DO NOT use all the Soracom colors together
Color Use Examples
Here are some examples of correct color usage:
