Color Guidelines

Primary Colors

We’ll be recognised for our strong Lime and Black color palette. These are our core colors.
*Click on Box to Copy the Hex

Dark Blue

Hex#272A63

RGB 39 42 99 100

Css rgba(39, 42, 99, 1)

CMYK 98 95 30 20

Orange

Hex #E26026

RGB 226 96 38 100

Css rgba(226, 96, 38, 1)

CMYK 7 79 97 1

Secondary Colors

Our core colors are supported by a set of secondary colors. These are to used alongside the core colors.

Medium Blue

Hex #1169c1

RGB 17 105 193

Css rgba(17, 105, 193, 1)

Goldenrod

Hex #dea826

RGB 206 100 29

Css rgba(222, 168, 38, 1)

Charcoal

Hex #414042

RGB 65 64 66

Css rgba(65, 64, 66, 1)

Burnt Orange

Hex #ce641d

RGB 206 100 29

Css rgba(206, 100, 29, 1)

Royal Blue

Hex #83CAFF

RGB 131 202 255

Css rgba(131, 202, 255, 1)

Vermilion

Hex #DB3B26

RGB 219 59 38

Css rgba(219, 59, 38, 1)

Coral

Hex #ff9d4d

RGB 255 157 77

Css rgba(255, 157, 77, 1)

Orange Color

100

200

300

400

500

600

700

800

Each degree represents a luminosity variable in HSL. Rule of thumb: If (Text Color) - (Background Color) >= 300: Contrast = OK.

Dark Blue color

100

200

300

400

500

600

700

800

Each degree represents a luminosity variable in HSL. Rule of thumb: If (Text Color) - (Background Color) >= 300: Contrast = OK.

User interface color

The Creative hub color palette (HSL) consists of:
* The same hue (H in HSL).
* The same saturation (S in HSL).
* Varying luminosity levels defining each step.

Download palette as Figma Variable

Download the palette as “ASE”