FT brand colours: Sass variables and helpers to use and define them


Primary Palette

The whitelabel brand does not assume much colour. White and black, or a mix of the two, is common as a placeholder.


Dynamic tinting of the primary palette can be used to produce a broad spectrum of lighter and darker variations for creating scale and depth to your designs.

Bower Dependencies
mathsass ^0.10.1
o-brand >=2.3.0 <4
GitHub Repository


Build Service

Add the following to your <link> tag


How do I do that?

For more information see the Origami build service.

Manual Build Process

Run the following command in the root directory of your project, to add this dependency to your bower.json file:

bower install --save "o-colors"@"^4.7.10"

For more information see the Origami build process.