Brand Guide
0.0.1 — Last Updated 08:51 19/05/2024
Colour
Our primary brand is versatile, clear and powerful. For this reason we use a monochromatic palette so that we can let our imagery pop and sub-brands stand out.
Primary Palette
Our primary palette is made up of our main brand colours — these are at the forefront of any visual identity work we create.
Dark Purple 500
HEX:
HSL:
RGB:
#1C0931
269, 69%, 11%
28, 9, 49
White
HEX:
HSL:
RGB:
#FFFFFF
0, 0%, 100%
255, 255, 255
Red 500
HEX:
HSL:
RGB:
#E02451
346, 75%, 51%
224, 36, 81
Blue 500
HEX:
HSL:
RGB:
#051FF3
233, 96%, 49%
5, 31, 243
Yellow 500
HEX:
HSL:
RGB:
#FFB402
42, 100%, 50%
255, 180, 2
Hot Pink 500
HEX:
HSL:
RGB:
#FA007D
330, 100%, 49%
250, 0, 125
Pink 500
HEX:
HSL:
RGB:
#FE4E9C
333, 99%, 65%
254, 78, 156
Light Blue 500
HEX:
HSL:
RGB:
#594CFF
244, 100%, 65%
89, 76, 255
Green 500
HEX:
HSL:
RGB:
#40FFA4
151, 100%, 63%
64, 255, 164
Colour Range
We have a full range of each of the primary palette colours. Each colours range is listed below.
Dark Purple
Dark Purple 100
HEX:
HSL:
RGB:
#D0B1F1
269, 70%, 82%
208, 177, 241
Dark Purple 200
HEX:
HSL:
RGB:
#AB7CDD
269, 59%, 68%
171, 124, 221
Dark Purple 300
HEX:
HSL:
RGB:
#8751C1
269, 47%, 54%
135, 81, 193
Dark Purple 400
HEX:
HSL:
RGB:
#48177D
269, 69%, 29%
72, 23, 125
Dark Purple 500
HEX:
HSL:
RGB:
#1C0931
269, 69%, 11%
28, 9, 49
Dark Purple 600
HEX:
HSL:
RGB:
#160727
268, 70%, 9%
22, 7, 39
Dark Purple 700
HEX:
HSL:
RGB:
#11061E
268, 67%, 7%
17, 6, 30
Dark Purple 800
HEX:
HSL:
RGB:
#0C0416
267, 69%, 5%
12, 4, 22
Dark Purple 900
HEX:
HSL:
RGB:
#050209
266, 64%, 2%
5, 2, 9
White / Grey
White
HEX:
HSL:
RGB:
#FFFFFF
0, 0%, 100%
255, 255, 255
Light Grey 300
HEX:
HSL:
RGB:
#F2F2F2
0, 0%, 95%
242, 242, 242
Light Grey 500
HEX:
HSL:
RGB:
#EAEAEA
0, 0%, 92%
234, 234, 234
Light Grey 700
HEX:
HSL:
RGB:
#C0C0C0
0, 0%, 75%
192, 192, 192
Red
Red 100
HEX:
HSL:
RGB:
#F9D2DB
346, 76%, 90%
249, 210, 219
Red 200
HEX:
HSL:
RGB:
#F2A6B8
346, 75%, 80%
242, 166, 184
Red 300
HEX:
HSL:
RGB:
#ED7D97
346, 76%, 71%
237, 125, 151
Red 400
HEX:
HSL:
RGB:
#E65174
346, 75%, 61%
230, 81, 116
Red 500
HEX:
HSL:
RGB:
#E02451
346, 75%, 51%
224, 36, 81
Red 600
HEX:
HSL:
RGB:
#B71A3F
346, 75%, 41%
183, 26, 63
Red 700
HEX:
HSL:
RGB:
#8A142F
346, 75%, 31%
138, 20, 47
Red 800
HEX:
HSL:
RGB:
#590D1F
346, 75%, 20%
89, 13, 31
Red 900
HEX:
HSL:
RGB:
#2D060F
346, 76%, 10%
45, 6, 15
Blue
Blue 100
HEX:
HSL:
RGB:
#CDD3FE
233, 96%, 90%
205, 211, 254
Blue 200
HEX:
HSL:
RGB:
#96A2FD
233, 96%, 79%
150, 162, 253
Blue 300
HEX:
HSL:
RGB:
#6476FC
233, 96%, 69%
100, 118, 252
Blue 400
HEX:
HSL:
RGB:
#324AFB
233, 96%, 59%
50, 74, 251
Blue 500
HEX:
HSL:
RGB:
#051FF3
233, 96%, 49%
5, 31, 243
Blue 600
HEX:
HSL:
RGB:
#041AC3
233, 96%, 39%
4, 26, 195
Blue 700
HEX:
HSL:
RGB:
#031491
233, 96%, 29%
3, 20, 145
Blue 800
HEX:
HSL:
RGB:
#020D5F
233, 96%, 19%
2, 13, 95
Blue 900
HEX:
HSL:
RGB:
#010732
233, 96%, 10%
1, 7, 50
Yellow
Yellow 100
HEX:
HSL:
RGB:
#FFF0CC
42, 100%, 90%
255, 240, 204
Yellow 200
HEX:
HSL:
RGB:
#FFE099
42, 100%, 80%
255, 224, 153
Yellow 300
HEX:
HSL:
RGB:
#FFD166
42, 100%, 70%
255, 209, 102
Yellow 400
HEX:
HSL:
RGB:
#FFC233
42, 100%, 60%
255, 194, 51
Yellow 500
HEX:
HSL:
RGB:
#FFB402
42, 100%, 50%
255, 180, 2
Yellow 600
HEX:
HSL:
RGB:
#F29826
34, 89%, 55%
242, 152, 38
Yellow 700
HEX:
HSL:
RGB:
#DD8311
34, 86%, 47%
221, 131, 17
Yellow 800
HEX:
HSL:
RGB:
#AD5E0A
31, 89%, 36%
173, 94, 10
Yellow 900
HEX:
HSL:
RGB:
#87400C
25, 84%, 29%
135, 64, 12
Hot Pink
Hot Pink 100
HEX:
HSL:
RGB:
#FFCCE6
329, 100%, 90%
255, 204, 230
Hot Pink 200
HEX:
HSL:
RGB:
#FF99CC
330, 100%, 80%
255, 153, 204
Hot Pink 300
HEX:
HSL:
RGB:
#FF61B0
330, 100%, 69%
255, 97, 176
Hot Pink 400
HEX:
HSL:
RGB:
#FF2E96
330, 100%, 59%
255, 46, 150
Hot Pink 500
HEX:
HSL:
RGB:
#FA007D
330, 100%, 49%
250, 0, 125
Hot Pink 600
HEX:
HSL:
RGB:
#C70063
330, 100%, 39%
199, 0, 99
Hot Pink 700
HEX:
HSL:
RGB:
#94004A
330, 100%, 29%
148, 0, 74
Hot Pink 800
HEX:
HSL:
RGB:
#660033
330, 100%, 20%
102, 0, 51
Hot Pink 900
HEX:
HSL:
RGB:
#33001A
329, 100%, 10%
51, 0, 26
Pink
Pink 100
HEX:
HSL:
RGB:
#FFDBEB
333, 100%, 93%
255, 219, 235
Pink 200
HEX:
HSL:
RGB:
#FFB8D8
333, 100%, 86%
255, 184, 216
Pink 300
HEX:
HSL:
RGB:
#FE94C4
333, 98%, 79%
254, 148, 196
Pink 400
HEX:
HSL:
RGB:
#FE71B1
333, 99%, 72%
254, 113, 177
Pink 500
HEX:
HSL:
RGB:
#FE4E9C
333, 99%, 65%
254, 78, 156
Pink 600
HEX:
HSL:
RGB:
#FE0C78
333, 99%, 52%
254, 12, 120
Pink 700
HEX:
HSL:
RGB:
#C6015A
333, 99%, 39%
198, 1, 90
Pink 800
HEX:
HSL:
RGB:
#84013C
333, 98%, 26%
132, 1, 60
Pink 900
HEX:
HSL:
RGB:
#42001E
333, 100%, 13%
66, 0, 30
Light Blue
Light Blue 100
HEX:
HSL:
RGB:
#DEDBFF
245, 100%, 93%
222, 219, 255
Light Blue 200
HEX:
HSL:
RGB:
#BCB8FF
243, 100%, 86%
188, 184, 255
Light Blue 300
HEX:
HSL:
RGB:
#9B94FF
244, 100%, 79%
155, 148, 255
Light Blue 400
HEX:
HSL:
RGB:
#7A70FF
244, 100%, 72%
122, 112, 255
Light Blue 500
HEX:
HSL:
RGB:
#594CFF
244, 100%, 65%
89, 76, 255
Green
Green 100
HEX:
HSL:
RGB:
#DBFFEE
152, 100%, 93%
219, 255, 238
Green 200
HEX:
HSL:
RGB:
#B3FFDA
151, 100%, 85%
179, 255, 218
Green 300
HEX:
HSL:
RGB:
#8FFFC9
151, 100%, 78%
143, 255, 201
Green 400
HEX:
HSL:
RGB:
#66FFB5
151, 100%, 70%
102, 255, 181
Green 500
HEX:
HSL:
RGB:
#40FFA4
151, 100%, 63%
64, 255, 164
Green 600
HEX:
HSL:
RGB:
#00FF84
151, 100%, 50%
0, 255, 132
Green 700
HEX:
HSL:
RGB:
#00C264
151, 100%, 38%
0, 194, 100
Green 800
HEX:
HSL:
RGB:
#008042
151, 100%, 25%
0, 128, 66
Green 900
HEX:
HSL:
RGB:
#004222
151, 100%, 13%
0, 66, 34