Colour Overview Guide for colour palette

Primary palette

Gprime2 uses the primary colour palette for the majority of page elements to accent them with GP Synergy branding.

The Tinted and Shaded variants can be used sparingly to visually indicate alternative options, or to provider complimentary border/text/etc colour to the matching primary.

LIGHT GREEN

#00a88f

(Tinted)

#4cc2b0

(Shaded)

#008672

DARK GREEN

#183c47

(Tinted)

#2f4f59

(Shaded)

#133039

GREY

#dae0e1

(Tinted)

#e6eaeb

(Shaded)

#bbbfbf

Neutral palette

The neutral palette is used for backgrounds and should always be the dominate colours on a page. The primary background for the page should be White, with Light Grey used for Wells, Tables and other in page elements.

LIGHT GREY

#f3f3f3

WHITE

#ffffff

Body text

All primary body text should use the standardised colour below.

DARK GREY

#333333

Secondary palette

The secondary palette is used to indicate the nature and context for Alerts and Notifications, and other elements. These colours are supplementary and should not be used for any main or large elements.

INFO

#006a9e

#4c96bb

#004f77

SUCCESS

#afca0b

#cada66

#94ac09

WARNING

#dbe0e1

#e6eaeb

#bbbfbf

DANGER

#ea5045

#ee736a

#bb4037