Home

Introduction

Our Identity

Messaging

Official Website

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