Brand Guide
0.0.1 — Last Updated 06:11 15/01/2026
Colour
Colour is a fundamental part of our brand identity. Here you will find a breakdown of the primary palette and the supporting tones.
Primary Palette
Our primary palette consists of 6 colours.
The majority of colour used should be the Muted-Blue and White with the Yellow, Pink, Red and Orange being used as accents to bring splashes of colour.
Muted-Blue-500
HEX:
HSL:
RGB:
#28263A
246, 21%, 19%
40, 38, 58
White
HEX:
HSL:
RGB:
#FFFFFF
0, 0%, 100%
255, 255, 255
Yellow-500
HEX:
HSL:
RGB:
#FFCE33
46, 100%, 60%
255, 206, 51
Pink-500
HEX:
HSL:
RGB:
#FF4EA4
331, 100%, 65%
255, 78, 164
Red-500
HEX:
HSL:
RGB:
#FF7F6E
7, 100%, 72%
255, 127, 110
Orange-500
HEX:
HSL:
RGB:
#FFA73E
33, 100%, 62%
255, 167, 62
Colour Range
The primary palette are the 500s. We have a supporting range of shades that can be used to give more depth to the brand palette.
Yellow stops at 600 as the next colour step would be Orange-600.
Orange stops at 600 as the next colour step would be Red-600.
Muted-Blue
Muted-Blue-100
HEX:
HSL:
RGB:
#F6F6F9
240, 20%, 97%
246, 246, 249
Muted-Blue-200
HEX:
HSL:
RGB:
#BBB8D1
247, 21%, 77%
187, 184, 209
Muted-Blue-300
HEX:
HSL:
RGB:
#827EAA
245, 21%, 58%
130, 126, 170
Muted-Blue-400
HEX:
HSL:
RGB:
#514D75
246, 21%, 38%
81, 77, 117
Muted-Blue-500
HEX:
HSL:
RGB:
#28263A
246, 21%, 19%
40, 38, 58
Muted-Blue-600
HEX:
HSL:
RGB:
#242234
247, 21%, 17%
36, 34, 52
Muted-Blue-700
HEX:
HSL:
RGB:
#1E1C2B
248, 21%, 14%
30, 28, 43
Muted-Blue-800
HEX:
HSL:
RGB:
#15141F
245, 22%, 10%
21, 20, 31
Muted-Blue-900
HEX:
HSL:
RGB:
#050407
260, 27%, 2%
5, 4, 7
Yellow
Yellow-100
HEX:
HSL:
RGB:
#FFFBF0
44, 100%, 97%
255, 251, 240
Yellow-200
HEX:
HSL:
RGB:
#FFF1C2
46, 100%, 88%
255, 241, 194
Yellow-300
HEX:
HSL:
RGB:
#FFE694
46, 100%, 79%
255, 230, 148
Yellow-400
HEX:
HSL:
RGB:
#FFDA61
46, 100%, 69%
255, 218, 97
Yellow-500
HEX:
HSL:
RGB:
#FFCE33
46, 100%, 60%
255, 206, 51
Yellow-600
HEX:
HSL:
RGB:
#F5BC00
46, 100%, 48%
245, 188, 0
Orange
Orange-100
HEX:
HSL:
RGB:
#FFE3C2
32, 100%, 88%
255, 227, 194
Orange-200
HEX:
HSL:
RGB:
#FFE3C2
32, 100%, 88%
255, 227, 194
Orange-300
HEX:
HSL:
RGB:
#FFD199
33, 100%, 80%
255, 209, 153
Orange-400
HEX:
HSL:
RGB:
#FFBC6B
33, 100%, 71%
255, 188, 107
Orange-500
HEX:
HSL:
RGB:
#FFA73E
33, 100%, 62%
255, 167, 62
Orange-600
HEX:
HSL:
RGB:
#FA8900
33, 100%, 49%
250, 137, 0
Red
Red-100
HEX:
HSL:
RGB:
#FFF1F0
4, 100%, 97%
255, 241, 240
Red-200
HEX:
HSL:
RGB:
#FFD6D1
7, 100%, 91%
255, 214, 209
Red-300
HEX:
HSL:
RGB:
#FFB7AD
7, 100%, 84%
255, 183, 173
Red-400
HEX:
HSL:
RGB:
#FF9C8F
7, 100%, 78%
255, 156, 143
Red-500
HEX:
HSL:
RGB:
#FF7F6E
7, 100%, 72%
255, 127, 110
Red-600
HEX:
HSL:
RGB:
#FF391F
7, 100%, 56%
255, 57, 31
Red-700
HEX:
HSL:
RGB:
#D11800
7, 100%, 41%
209, 24, 0
Red-800
HEX:
HSL:
RGB:
#800F00
7, 100%, 25%
128, 15, 0
Red-900
HEX:
HSL:
RGB:
#330600
7, 100%, 10%
51, 6, 0
Pink
Pink-100
HEX:
HSL:
RGB:
#FFF0F7
332, 100%, 97%
255, 240, 247
Pink-200
HEX:
HSL:
RGB:
#FFC7E2
331, 100%, 89%
255, 199, 226
Pink-300
HEX:
HSL:
RGB:
#FF9ECD
331, 100%, 81%
255, 158, 205
Pink-400
HEX:
HSL:
RGB:
#FF75B8
331, 100%, 73%
255, 117, 184
Pink-500
HEX:
HSL:
RGB:
#FF4EA4
331, 100%, 65%
255, 78, 164
Pink-600
HEX:
HSL:
RGB:
#FF057E
331, 100%, 51%
255, 5, 126
Pink-700
HEX:
HSL:
RGB:
#C2005E
331, 100%, 38%
194, 0, 94
Pink-800
HEX:
HSL:
RGB:
#7A003B
331, 100%, 24%
122, 0, 59
Red-900
HEX:
HSL:
RGB:
#330600
7, 100%, 10%
51, 6, 0