BRAND STYLE GUIDE:  COLORS

Colors

Our brand identity consists of six base colors, complemented with two sets of accent colors and shades of gray.

The Basics

Our color palette features vibrant, digitally-native hues complemented by a refined selection of greys and neutrals.

Color values

HEX

A hexadecimal way of representing the red, green and blue of screen colors.

RGB

Red, green and blue, the component colors which create all screen colors.

CMYK

Cyan, magenta, yellow and black. The four colors used in offset and digital printing.

PMS (Pantone)

Pantone Matching System: Global color numbering for precise color selection and matching.

Please note:

Various factors can affect color reproduction. Prior to large-scale print runs, it's advisable to conduct testing.

Primary Logotype Base Colors

The base colors are made up of our signature Space Blue and White. They are used to provide consistency in how we use text and logo throughout all brand communication.

Name:
Space Blue
HEX:
#001941
RGB:
0/25/65
CMYK:
100/80/15/65
Pms:
88 C
Name:
White
HEX:
#FFFFFF
RGB:
255/255/255
CMYK:
0/0/0/0
Pms:
Bright White

Main Brand Colors

Use these colors (especially Blue shades) as a main face to represent Magebit.

You can us single shade or mix both of them as you like, depending on other visuals and environment.

Name:
Space Blue
HEX:
#001941
RGB:
0/25/65
CMYK:
100/80/15/65
Pms:
88 C
Name:
Tech Blue
HEX:
#006fee
RGB:
0/110/255
CMYK:
100/40/0/0
Pms:
85C
Name:
Sky
HEX:
#78e1ff
RGB:
120/225/255
CMYK:
50/0/5/0
Pms:
290 C
Name:
Dark sienna
HEX:
#320a0a
RGB:
50/10/10
CMYK:
45/85/65/85
Pms:
7630 C
Name:
Neon Red
HEX:
#f03c00
RGB:
240/60/0
CMYK:
0/85/100/0
Pms:
172 C
Name:
Sunset
HEX:
#FA9600
RGB:
250/150/0
CMYK:
0/50/95/0
Pms:
137 C

Additional Brand Colors

In environment where audience is already familiar with Magebit (like brand website, social media posts, presentations etc.) use of Green and Violet shades to the main brand colors are recommended as well. Use these colors to keep audience engaged and make content more fun and visually pleasing.

Name:
Forest
HEX:
#001e14
RGB:
0/30/20
CMYK:
80/45/70/85
Pms:
3435 C
Name:
Emerald
HEX:
#00c864
RGB:
0/200/100
CMYK:
75/0/80/0
Pms:
7479 C
Name:
Mint
HEX:
#64faaa
RGB:
100/250/170
CMYK:
55/0/50/0
Pms:
331 C
Name:
Deep Purple
HEX:
#230f32
RGB:
35/15/50
CMYK:
30/70/0/80
Pms:
2685 C / 2755 U
Name:
Violet
HEX:
#7d00e1
RGB:
125/0/225
CMYK:
80/100/0/0
Pms:
2665 C
Name:
Lilac
HEX:
#aaaaff
RGB:
170/170/255
CMYK:
40/35/0/0
Pms:
2706 C

Grayscale

Use these grayscale shades in various UI elements and places where color use isn't possible or recommended.

Name:
Black
HEX:
#000000
RGB:
0/0/0
CMYK:
0/0/0/100
Name:
Grey 06
HEX:
#1a1a1a
RGB:
26/26/26
CMYK:
0/0/0/90
Name:
Grey 05
HEX:
#383838
RGB:
56/56/56
CMYK:
0/0/0/78
Pms:
7479 C
Name:
Grey 04
HEX:
#6d6d6d
RGB:
109/109/109
CMYK:
0/0/0/57
Name:
Grey 03
HEX:
#999999
RGB:
153/153/153
CMYK:
0/0/0/20
Name:
Grey 02
HEX:
#cccccc
RGB:
204/204/204
CMYK:
0/0/0/20
Name:
Grey 01
HEX:
#f2f2f2
RGB:
242/242/242
CMYK:
0/0/0/5
Name:
White
HEX:
#FFFFFF
RGB:
255/255/255
CMYK:
0/0/0/0

Summary

01

Use main brand colors as a starting point & to represent Magebit to new audiences

02

Bring in more colors with a broad range of available combinations

03

Mix and match colors tastefully