Primary color palette
Name: celeste (Celeste)
OKLCH: oklch(77.67% 0.1218 201.68deg)
HEX: #34cdd7
Name: grayDarkest (ESM Gray)
OKLCH: oklch(28.76% 0.0073 297.37deg)
HEX: #2b2a2e
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)
OKLCH: oklch(39.95% 0.0338 296.3deg)
HEX: #494458
Name: celesteDarker (ESM Teal)
OKLCH: oklch(43.71% 0.0721 223.78deg)
HEX: #185a6f
Name: purpleDarker (ESM Purple)
OKLCH: oklch(31.19% 0.0897 290.9deg)
HEX: #32265a
Name: redLighter (ESM Pink)
OKLCH: oklch(88.25% 0.0654 4.2deg)
HEX: #ffc7d3
Name: yellowShade (ESM Yellow)
OKLCH: oklch(80.12% 0.1262 98.53deg)
HEX: #d3bf57
Name: blue (ESM CTA Blue)
OKLCH: oklch(57.94% 0.2301 262.18deg)
HEX: #236cff
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:
