Our Brand Colours

Often, when applying colours to your design elements, you will want to ensure that there is sufficient contrast for text be legible, as well as for icons and logos to be clearly seen. This is specially important if targeting audiences that may have visual issues. 

The contrast ratio between 2 colours can be measured on a scale from 1 (no contrast at all) to 21 (maximum contrast between total white and total black). In order for large heading text to be legible, and large visual elements to be identifiable, there must be a contrast ratio of at least 4.5. This is considered a "AA" contrast rating. For normal body text and smaller design elements, a contrast ratio of at least 7 is required — that is a "AAA" rating. 

At the bottom of the colour cards on this page, you will see 2 contrast rating labels. As you move the slider, you will be mixing the base colour of the card with either our brand black or brand white, which will give you a new colour. The contrast ratio and rating of the current colour against the brand white is shown in the bottom left label. The bottom right label shows you the contrast ratio and rating agains our brand black.

Our brand colours were carefully researched and fine-tuned for greater appeal and recognition within our target markets. Use these colours exclusively when producing any public-facing material or artwork for PB Property.

Our black should be used in body text on light-coloured backgrounds, and our white should be used for reversed body text on dark backgrounds. Our primary and secondary colours should be used prominently when producing our materials. Our secondary and accent colours can also be used for headings on our dark colours. Our primary and alternative can be used as headings on light backgrounds. Our accent colour should be used sparingly, for highlighting call-to-action buttons, link underlines on hover, etc. Our primary and secondary colours should be used abundantly.

In the cards below, moving the slider to the left will allow you to add our brand white to the base colour, creating an on-brand tint variation. Moving the slider to the left adds our brand black and creates an on-brand shade variation. Always make sure the contrast ratings of the colour you are creating are suitable for your specific usage.