Color palette

 

Primary colors

 

 

Black
#000000
RGB: 0 / 0 / 0
CMYK: 30 / 20 / 20 / 100

White
#FFFFFF
RGB: 255 / 255 / 255
CMYK: 0 / 0 / 0 / 0

 
Blue 1 #33525d

Neon Blue
Pantone: 2197 C/U
CMYK: 0 / 75 / 11/ 0
RGB: 0 / 255 / 255
HEX: #00ffff

Blue 2 #558194

Lemon Yellow
Pantone: Yellow C/U
CMYK: 0 / 0 / 81 / 0
RGB: 255 / 244 / 79
HEX: fff44f

Blue 3 #88d1f1

Warm Red
Pantone: 178 C/U
CMYK: 0 / 80 / 47 / 0
RGB: 255 / 79 / 94
HEX: ff4f5e

 
 
NeonGreenSquare.png

Neon Green
Pantone: 3375 C/U
CMYK: 78 / 0 / 42 / 0
RGB: 84 / 255 / 189
HEX: #54ffbd

DarkPurple.png

Dark Purple
Pantone: 2603 C/U
CMYK: 63 / 84 / 0 / 30
RGB: 110 / 0 / 139
HEX: #6e008b

 
 

Secondary colors

Limited use colors to support the primary colors.

Gray 1 #646363

Dark Green
Pantone: 7721 C/U
CMYK: 100 / 0 / 41 / 48
RGB: 0 / 94 / 94
HEX: #005e5e

Gray 2 #9d9d9c

Dark Blue
Pantone: 661 C/U
CMYK: 87 / 16 / 0 / 52
RGB: 0 / 69 / 139
HEX: #00458b

DarkGreySquare.png

Dark Grey
Pantone: Black 0961 C/U
CMYK: 49 / 31 / 33 / 0
RGB: 149 / 149 / 149
HEX: #959595

LightGrey.png

Light Grey
Pantone: 420 C/U
CMYK: 20 / 12 / 13 / 0
RGB: 231 / 229 / 226
HEX: #e7e5e2


 

Color combinations

Black and white swatches are the main grounding hues to the color palette. The darker hues and the neutral greys from the secondary palette are there to add harmony and balance to the primary color palette. When choosing a color scheme for a project, the colors from the primary color palette are the core and lead colors with the secondary palette adding support. As a starting point, we have put together examples of successful pairings below.

 

Working with a white background

 
White_6.png
White_1.png
White_2.png
White_4.png
White_3.png
White_5.png
 
 

Working with a black background

 
Black_1.png
Black_4.png
Black_3.png
Black_5.png
Black_2.png
Black_6.png
 

Typography

 
TypographyCover.png
 

our custom typeface

Zilla Slab is our core typeface. We use it for our wordmark, for headlines, and throughout our designs. It's a contemporary slab serif based on Typotheque's Tesla. It's constructed with smooth curves and true italics, which gives text an unexpectedly sophisticated industrial look and a friendly approachability in all weights. ZillaSlab is an open source free font available for download.

 

Character set

characterSet.png