Colours

Colours

Primary

Our primary colour is the Payright Gradient. This gradient is taken from our logo and forms the majority of the colours that we use in our communications.

We use a linear gradient from point A to B. With our colour gradient split 60/40 in favour of Ultraviolet.

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Gradient

Secondary

Our secondary colours are present in our logo and gradient. They are used in communication across the board as well, however they are used as supportive colours to help navigation and call out information, such as in call to action buttons, bubble assets, and copy.

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Ultraviolet

CMYK: 91/73/0/0
RGB: 84/49/255
HEX: #5431FF

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Raspberry

PMS: 1785C / 1785U
CMYK: 0/97/55/0
RGB: 249/50/83
HEX: #F93253

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Eggplant

PMS: 274C / 2765U
CMYK: 93/97/23/42
RGB: 36/0/80
HEX: #240050

Tertiary

These colours are to be used sparingly, and only as accents, such as when there are detailed charts or all colours have been used and exhausted.

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Teal

PMS: 319C / 2226U
CMYK: 61/0/23/0
RGB: 68/207/210
HEX: #44CFD2

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Grape

PMS: 2077
CMYK: 74/95/0/0
RGB: 137/53/192
HEX: #8935c0

Neutral

These colours are used to break up layouts and to create subtle depth.

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Grey 1

CMYK: 4/3/1/0
RGB: 239/241/246
HEX: ##EFF1F6

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Grey 2

CMYK: 14/8/4/0
RGB: 215/221/231
HEX: #D7DDE7

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Grey 3

CMYK: 31/20/9/0
RGB: 175/187/208
HEX: #AFBBD0

<br />
<b>Warning</b>:  Illegal string offset 'title' in <b>/home/payrightsonardev/public_html/wp-content/themes/payright_theme/inc/flexible-content-resources.php</b> on line <b>52</b><br />
h

Grey 4

CMYK: 75/58/26/6
RGB: 82/104/141 HEX: #52688d

TOP TIP

You may notice our CMYK differs in tone to our RGB colours. These colours have been selected based on how they look when used in an asset. Ensure you are using the appropriate colour breakdown listed on this page for your asset. For example, when creating a digital only asset, use HEX or RGB. When creating a print asset, use the CMYK breakdown.