Color palette

Colour is a creative element, not a trimming.
— Piet Zwart
 

Main colors

Our main brand colors are black and white. This illustrates our brave personality and provides a bold aesthetic to our brand.

 
 

Secondary colors

Our secondary palette is made up of 9 colors — 6 pastels and 3 neons. These colors are used interchangeably to provide contrast and brightness to our bold black and white main color scheme

Download the .ase library

Blue 1 #33525d

Blue 1
#33525d

Orange 1 #5e4812

Orange 1
#5e4812

Red 1 #5d3739

Red 1
#5d3739

Purple 1 #454653

Purple 1
#454653

Green 1 #434f12

Green 1
#434f12

Blue 2 #558194

Blue 2
#558194

Orange 1 #c89631

Orange 1
#c89631

Red 2 #c07578

Red 2
#c07578

Purple 2 #9194b0

Purple 2
#9194b0

Green 2 #6d7c23

Green 2
#6d7c23

Blue 3 #88d1f1

Blue 3
#88d1f1

Orange 3 #f8b83e

Orange 3
#f8b83e

Red 3 #fb8e92

Red 3
#fb8e92

Purple 3 #b0b4e5

Purple 3
#b0b4e5

Green 3 #b7d43f

Green 3
#b7d43f

Blue 4 #c3e8f8

Blue 4
#c3e8f8

Orange 4 #fadb8c

Orange 4
#fadb8c

Red 4 #fdc6c8

Red 4
#fdc6c8

Purple 4 #d7d9f2

Purple 4
#d7d9f2

Green 4 #dbea8e

Green 4
#dbea8e

 

Tertiary Colors

Limited use colors and supporting grayscale values.

Gray 1 #646363

Gray 1
#646363

Neon Blue 1 #3dfefd

Neon Blue 1
#3dfefd

Neon Green 1 #aefb4a

Neon Green 1
#aefb4a

Neon Purple 1 #f793fb

Neon Purple 1
#f793fb

Gray 2 #9d9d9c

Gray 2
#9d9d9c

Neon Blue 2 #229d9a

Neon Blue 2
#229d9a

Neon Green 2 #6b9b2b

Neon Green 2
#6b9b2b

Neon Purple 2 #ca78cc

Neon Purple 2
#ca78cc

Gray 3 #d0d0d0

Gray 3
#d0d0d0

Neon Blue 3 #116362

Neon Blue 3
#116362

Neon Green 3 #44611a

Neon Green 3
#44611a

Neon Purple 3 #603861

Neon Purple 3
#603861

 

Color theming by hue

Our color palette is built from five hue families with four levels of relative value. When building a harmonious monochromatic palette, ensure there is enough contrast between light and dark values based on their levels of saturation. See below for recommended arrangements.  

 

Color theming by complements

When arranging colors from within different hue families, select colors that are complementary, analogous or a triad (three hues equally positioned on the color wheel). Create a harmonious color environment with the simplest and fewest separate colors in order to achieve clarity of communication. See below for examples.

 

Typography

 

ZillaSlab Font Family

Zilla-01.png

ZillaSlab 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 font and will be available for free download.