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