Origami Frontend Components & Services

Demos: o-colors

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.

Support Status
Switch component view

GitHub Repository

Install o-colors

If using the Build Service, add o-colors@^4.8.8 to your link tag. Ensure the correct brand is set with a query parameter &brand=whitelabel.

If running a Manual Build, run bower install --save "o-colors@^4.8.8".

Help & Support

o-colors is maintained directly by the Origami team. If you have any questions about o-colors or Origami in general, we are happy to help. 😊

Slack: #ft-origami
Email: origami.support@ft.com

Feedback / Issues

To report a bug or request features please create an issue on Github. For support or general feedback please get in touch 😊

Slack: #ft-origami
Email: origami.support@ft.com