Home /

Colors

Our color palette is split into primary colors, secondary colors and neutral colors.

You'll also find color pairing recommendations based on our brand colors.

Primary Colors

These are our most dominant colors. They're used to make an impact, and designed for clarity.

Blockpurple

#5025B8

Blockpurple is an example of how we go against the grain. We use it to emphasize or show something impactful.

Daemon Dark

#211B4E

Daemon Dark is used in both marketing, brand, and UI design.

Secondary Colors

Secondary colors aren't used as often as the primary color, but when used, they help add focus.

Action Green

#05E070

Our secondary color Action Green is used to support and highlight the crucial parts of messaging or labeling through marketing and product.

Neutral Colors

Neutral colors  tend to act as background colors. They help add contrast and focus.

#FFFFFF

#F2F1F3

#C6C5CC

#706E7F

Color Pairings

Not all colors in our color palette work well with each other. We found it important to define which ones make a good pair. A good pairing could be a low contrast pairing or a high contrast pairing.

Low contrast pairings are generally used when you don't want to draw too much attention to the design. High contrast pairings are used when you want to make things...pop.

Low Contrast Pairings

#FFFFFF

#C6C5CC

#F2F1F3

#C6C5CC

#5025B8

#C6C5CC

#211B4E

#C6C5CC

#5025B8

#211B4E

High Contrast Pairings

#5025B8

#05E070

#5025B8

#FFFFFF

#05E070

#211B4E

#211B4E

#FFFFFF

#211B4E

#F2F1F3

#FFFFFF

#706E7F