Colour

Core ansarada palette

When cut we bleed PMS 376. Colour is very important to ansarada, it is how we’re recognised and remembered by our people and our customers.

Green

#75B81B

Charcoal

#5F6062

Silver

#BABCBE

White

#FFFFFF

Black

#221E1F

Green

Green is our primary colour and it sets us apart from our competitors. While it is the most prominent colour in our printed communications, we use it sparingly in the product to attract attention or to indicate status.

Charcoal

Charcoal is our secondary colour and is used to enhance the clarity of green. It is a prominent colour in our printed communications and is the primary colour for typography in the product.

Silver

Silver is used to compliment the cool tones of green and charcoal. In the product silver is used to de-emphasise less important elements.

Black

Black is used minimally where charcoal is not appropriate.

White

Without white there is no colour.

Extended product palette

User interfaces are tricky and they need a few extra colours to perform their magic tricks. These colours are unique to our product and set us apart from our competitors.

Fuchsia

#B81B75

Charcoal 60

#9c9f9c

Silver 60

#d2d5d2

Silver 20

#eef1ee

Forest

#518013

Fuchsia

Fuchsia is a primary colour used only in the product. It is derived by manipulating the hexadecimal colour values of green which makes it a perfect partnership. Fuchsia is only ever used to add emphasis to an error or dangerous action. Handle with care.

Charcoal and Silver Tints

Tints of charcoal and silver are mostly used in interface elements to indicate different states like resting, hover or disabled. The tints can also be used to create the visual structure that organises each page.

Forest

Can’t see the forest for the trees? Forest is only ever used to maintain the legibility of green text in body copy and messages.

Contrast

Choose wisely as all colours are not created equal. To make text legible we ensure the contrast of foreground and background colours comply to level AA of the Web Content Accessibility Guidelines (WCAG).

Foreground On white On black Comments
Green status-nup status-yup Green works on black but it’s not a combination that we use.
Charcoal status-yup status-nup Charcoal works well on white for all text.
Silver status-nup status-yup Silver works on black but it’s not a combination that we use.
Black status-yup status-nup Black while used sparingly is ideal for fine print.
White status-nup status-yup White on white is only good for secret messages.
Fuchsia status-yup status-nup Fuchsia on white works well to grab attention
Charcoal 60 status-nup status-yup Charcoal 60 looks okay on white but the contrast isn’t high enough.
Silver 60 status-nup status-yup Silver 60 works on black but it’s not a combination that we use.
Silver 20 status-nup status-yup Silver 20 works on black but it’s not a combination that we use.
Forest status-yup status-nup Forest text on a white background is used in place of green.

Downloads