Colour
Assets Download
Okuru Brand Colour Swatches
ASE, LESS, SCSS
Brand Colour Best Practices
To maintain a consistent and professional brand presence, follow these best practices when applying our brand colours:
✅ Do:
Use the official colour values. Always use the specified HEX, RGB, and CMYK codes to ensure colour accuracy across print and digital platforms.
Prioritise the primary palette. Use primary brand colours as the foundation of all designs, with secondary colours used to support and complement.
Maintain sufficient contrast. Ensure readability and accessibility, especially in text-over-background applications.
Be consistent. Apply colours uniformly across all brand materials to reinforce recognition and trust.
Test on different mediums. Colours may appear differently on screens vs. print—always check final outputs for fidelity.
❌ Don’t:
Don’t alter or create new shades or tints outside of the approved palette.
Don’t use colours disproportionately. Avoid overwhelming designs with secondary or accent colours.
Don’t place text on backgrounds that reduce legibility or violate contrast standards.
Don’t apply filters, overlays, or transparency that distort the brand colours.
Don’t use unapproved colours that deviate from the brand’s identity or tone.
By following these guidelines, you help preserve the integrity, clarity, and recognisability of the brand across every touchpoint.
Primary Brand Colour
Brand Pink
#ea13bc
234, 19, 188
Secondary Brand Colours
White
#ffffff
255, 255, 255
Brand Purple
#8a50fc
138, 80, 252
Brand Blue
#3c6afb
60, 106, 251
Brand Cyan
#85e1ff
133, 225, 255
Tertiary Pastel Colours
Pastel Pink
#ffc1ef
255, 193, 239
Pastel Purple
#deccfd
222, 204, 253
Pastel Blue
#d0d1fc
208, 209, 252
Pastel Cyan
#c0f2ff
192, 242, 255
Expanded Palette
Pink Swatch
Pink-50
#fcf7fa
252, 247, 250
Pink-100
#ffe3f7
255, 227, 247
Pink-200
#ffc1ef
255, 193, 239
Pink-300
#ff8be3
255, 139, 227
Pink-400
#ff3fcf
255, 63, 207
Pink-500
#d917a8
217, 23, 168
Pink-600
#b20b87
178, 11, 135
Pink-700
#8d0268
141, 2, 104
Pink-800
#67004a
103, 0, 74
Pink-900
#460031
70, 0, 49
Purple Swatch
Purple-50
#f9f8fc
249, 248, 252
Purple-100
#efe8fc
239, 232, 252
Purple-200
#deccfd
222, 204, 253
Purple-300
#c6a5fb
198, 165, 251
Purple-400
#a87bfd
168, 123, 253
Purple-500
#8a50fc
138, 80, 252
Purple-600
#6b26fb
107, 38, 251
Purple-700
#5000da
80, 0, 218
Purple-800
#38029f
56, 2, 159
Purple-900
#21026e
33, 2, 110
Blue Swatch
Blue-50
#f8f8fd
248, 248, 253
Blue-100
#e9e9fe
233, 233, 254
Blue-200
#d0d1fc
208, 209, 252
Blue-300
#abaefa
171, 174, 250
Blue-400
#7b8afb
123, 138, 251
Blue-500
#3c6afb
60, 106, 251
Blue-600
#0053df
0, 83, 223
Blue-700
#093faf
9, 63, 175
Blue-800
#042c80
4, 44, 128
Blue-900
#061c54
6, 28, 84
Cyan Swatch
Cyan-50
#f2fafc
242, 250, 252
Cyan-100
#c0f2ff
192, 242, 255
Cyan-200
#85e1ff
133, 225, 255
Cyan-300
#23c4ed
35, 196, 237
Cyan-400
#1ba1c3
27, 161, 195
Cyan-500
#14819d
20, 129, 157
Cyan-600
#0f687f
15, 104, 127
Cyan-700
#095063
9, 80, 99
Cyan-800
#043947
4, 57, 71
Cyan-900
#02242e
2, 36, 46
Emerald Swatch
Emerald-50
#f3faf7
243, 250, 247
Emerald-100
#8effe2
142, 255, 226
Emerald-200
#04efc1
4, 239, 193
Emerald-300
#02cca3
2, 204, 163
Emerald-400
#02a785
2, 167, 133
Emerald-500
#00876b
0, 135, 107
Emerald-600
#006d55
0, 109, 85
Emerald-700
#005441
0, 84, 65
Emerald-800
#003c2f
0, 60, 47
Emerald-900
#03261d
3, 38, 29
Green Swatch
Green-50
#f6faf5
246, 250, 245
Green-100
#aaffa4
170, 255, 164
Green-200
#2cf451
44, 244, 81
Green-300
#16d140
22, 209, 64
Green-400
#0fab33
15, 171, 51
Green-500
#318736
49, 135, 54
Green-600
#0b6f20
11, 111, 32
Green-700
#005612
0, 86, 18
Green-800
#003d09
0, 61, 9
Green-900
#102510
16, 37, 16
Lime Swatch
Lime-50
#f8f9f2
248, 249, 242
Lime-100
#daf86d
218, 248, 109
Lime-200
#b7e41b
183, 228, 27
Lime-300
#9cc215
156, 194, 21
Lime-400
#809f0f
128, 159, 15
Lime-500
#678012
103, 128, 18
Lime-600
#53670c
83, 103, 12
Lime-700
#3f4f08
63, 79, 8
Lime-800
#2d3806
45, 56, 6
Lime-900
#1e2304
30, 35, 4
Yellow Swatch
Yellow-50
#fbf8f2
251, 248, 242
Yellow-100
#ffe9ba
255, 233, 186
Yellow-200
#f9d03e
249, 208, 62
Yellow-300
#ddaf00
221, 175, 0
Yellow-400
#be8b00
190, 139, 0
Yellow-500
#9d6e00
157, 110, 0
Yellow-600
#815700
129, 87, 0
Yellow-700
#664200
102, 66, 0
Yellow-800
#4b2d00
75, 45, 0
Yellow-900
#311c00
49, 28, 0
Orange Swatch
Orange-50
#fef7f4
254, 247, 244
Orange-100
#fbe7db
251, 231, 219
Orange-200
#fec9a6
254, 201, 166
Orange-300
#fd9e56
253, 158, 86
Orange-400
#ee6e08
238, 110, 8
Orange-500
#c85200
200, 82, 0
Orange-600
#a44000
164, 64, 0
Orange-700
#803100
128, 49, 0
Orange-800
#5c2202
92, 34, 2
Orange-900
#3a1600
58, 22, 0
Red Swatch
Red-50
#fff6f7
255, 246, 247
Red-100
#ffe8eb
255, 232, 235
Red-200
#ffc6c7
255, 198, 199
Red-300
#fd989f
253, 152, 159
Red-400
#fd5b70
253, 91, 112
Red-500
#e61c4f
230, 28, 79
Red-600
#bc113f
188, 17, 63
Red-700
#940a2f
148, 10, 47
Red-800
#6c0620
108, 6, 32
Red-900
#490212
73, 2, 18