Identity

Colors

DRG Primary Colors

.

DRG Purple

#732875
R115 G40 B118

As well as the logo, DRG Purple is used in our products as a highlight color to show users what section they are in and the selections they have made.

.

DRG Green

#15A84B
R21 G168 B75

DRG Green is used in the logo, but is not commonly used anywhere else within our products.

.

DRG Grey

#6D6E71
R 109 G 110 B113

DRG Grey is used within out products for text within the header and navigation.


Secondary Colors

.

Steel Blue

#418AC9
R65 G138 B201

Steel Blue is used for all hyperlinks within text content. The hover colour for icons is #2a6496.

.

Grass Green

#96c93d
R150 G201 B61

Grass Green is used as the primary action color throughout our products – buttons, call-to-actions, etc.

.

Deep Yellow

#F1AF42
R241 G175 B33

Deep Yellow is used for warning messages.

.

Coral Red

#f47c6c
R244 G124 B108

Coral Red is used for error messages, form validation and delete buttons.


Other Interface Colors

.

Really Dark Grey

#444444
R68 G68 B68

Really Dark Grey is used for body text.

.

Dark Grey

#666666
R102 G 102 B 102

Dark Grey is used for the hover color of icons.

.

Darkish Grey

#999999
R153 G153 B153

Darkish Grey is used as the color of icons.

.

Lightish Grey

#CCCCCC
R204 G204 B 204

Lightish Grey is used as the border color for buttons and for dividing lines.

.

Light Grey

#E5E5E5
R229 G229 B229

Light Grey is used as the background colour. It is also used for dividing lines inside the white panels.

.

Really Light Grey

#F5F5F5
R245 G 245 B 245

Really Light Grey is as an alternative background color if a distinction is need between white panels.

.

White

#FFFFFF
R255 G255 B255

White is used as the background color on content panels and navigation bar.