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. Jade and crimson are often used as a success/error placeholder colour.

Tones and Mixes

Tones (colours with modified brightness using the HSB colour space) can be used to produce a broad spectrum of lighter and darker variations of palette colours for creating scale and depth to your designs. To reduce our number of colour combinations not all colours may be toned, but mixes of black/white may be used instead.

active Origami v1
Switch component view

GitHub Repository

Install o-colors

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

If running a Manual Build, run npm install "o-colors@^5.2.5".

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: #origami-support
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: #origami-support
Email: origami.support@ft.com