Colours
Overview
Our palette brings together gradients and solid colours, each available in softer tones to support a range of visual expressions—from bold to subtle.
Ratio
The colour system is led by gradients and white, which form the primary visual foundation across layouts. Solid colours are used more sparingly as supporting elements—bringing emphasis through components such as icons, highlights, and key UI moments.
Colour Codes
Black
- CMYK:
- 0 0 0 100
- RGB:
- 0 0 0
- Hex:
- #000000
Grey
- CMYK:
- 0 0 0 9
- RGB:
- 232 232 232
- Hex:
- #e8e8e8
Light Grey
- CMYK:
- 0 0 0 3
- RGB:
- 247 247 247
- Hex:
- #f7f7f7
Blue 600
- CMYK:
- 73 59 0 0
- RGB:
- 79 111 218
- Hex:
- #4f6fda
Blue 400
- CMYK:
- 25 17 0 0
- RGB:
- 184 200 255
- Hex:
- #b8c8ff
Blue 200
- CMYK:
- 3 2 0 0
- RGB:
- 242 245 255
- Hex:
- #f2f5ff
Light Blue 600
- CMYK:
- 60 19 0 0
- RGB:
- 66 177 255
- Hex:
- #42b1ff
Light Blue 400
- CMYK:
- 28 3 0 0
- RGB:
- 174 219 251
- Hex:
- #aedbfb
Light Blue 200
- CMYK:
- 2 0 0 0
- RGB:
- 246 251 255
- Hex:
- #f6fbff
Pink 600
- CMYK:
- 8 39 0 0
- RGB:
- 255 165 251
- Hex:
- #ffa5fb
Pink 400
- CMYK:
- 11 23 1 0
- RGB:
- 222 198 221
- Hex:
- #dec6dd
Pink 200
- CMYK:
- 1 3 0 0
- RGB:
- 251 246 250
- Hex:
- #fbf6fa
Orange 600
- CMYK:
- 0 56 89 0
- RGB:
- 255 138 48
- Hex:
- #ff8a30
Orange 400
- CMYK:
- 1 17 22 0
- RGB:
- 251 216 193
- Hex:
- #fbd8c1
Orange 200
- CMYK:
- 1 2 3 0
- RGB:
- 251 246 243
- Hex:
- #fbf6f3
Red 600
- CMYK:
- 0 79 56 0
- RGB:
- 255 92 95
- Hex:
- #ff5c5f
Red 400
- CMYK:
- 1 27 16 0
- RGB:
- 247 195 192
- Hex:
- #f7c3c0
Red 200
- CMYK:
- 0 3 1 0
- RGB:
- 253 246 246
- Hex:
- #fdf6f6
Yellow 600
- CMYK:
- 0 29 93 0
- RGB:
- 255 188 42
- Hex:
- #ffbc2a
Yellow 400
- CMYK:
- 0 9 25 0
- RGB:
- 255 231 194
- Hex:
- #ffe7c2
Yellow 200
- CMYK:
- 0 1 3 0
- RGB:
- 255 250 243
- Hex:
- #fffaf3
Turquoise 600
- CMYK:
- 62 0 20 0
- RGB:
- 0 218 223
- Hex:
- #00dadf
Turquoise 400
- CMYK:
- 35 0 14 0
- RGB:
- 159 222 223
- Hex:
- #9fdedf
Turquoise 200
- CMYK:
- 3 1 1 0
- RGB:
- 244 248 249
- Hex:
- #f4f8f9
Gradients
Gradient variations provide flexibility within the system, offering different tonal expressions while maintaining a consistent visual language.
