HEX
A hexadecimal way of representing the red, green and blue of screen colors.
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
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 use a single shade or mix both of them, 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 environments where the audience is already familiar with Magebit, use Green and Violet shades alongside the main brand colors to keep content visually engaging.
- 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
- 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 / 40
- 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