Template [NAME] - Colour Palette

Primary / Typography

Core colours are used for heading styles. See Typography page for usage.

primary-one

#04549c

Heading 1 + button-secondary.

primary-two

#f79c1e

Heading 2.

Secondary / Static Components

This palette is used for static components (i.e. icons, highlight colour, jumbotron border, timelines).

secondary-one

#fccc8a

[elements].

secondary-two

#FF8100

[elements].

secondary-three

#52B9E9

[elements].

secondary-four

#04549c

[elements].

Secondary / Dynamic Components

This palette is used for dynamic components (links, buttons, etc.)

secondary-five

#0070B9

[elements].

secondary-six

#f79c1e

[elements].

secondary-seven

#006FE6

Link text.

Neutrals

Neutral palette is used for body copy text, background fills and borders

dynamic-one

#494C4E

[elements].

neutral-two

#B5BDC2

[elements].

neutral-three

#F8F9FA

[elements].

neutral-four

#F7F7F7

[elements].

Greys

white

#FFFFFF

[elements].

black

#000000

[elements].

grey-one

#494c4e

[elements].

grey-two

#F9FAFB

[elements].

grey-three

#F2F3F5

[elements].

grey-four

#E6EAF0

[elements].

grey-five

#D3D9E3

[elements].

grey-six

#B9C2D0

[elements].

grey-seven

#7C8695

[elements].

grey-eight

#72777A

[elements].

grey-nine

#565A5C

[elements].