Colour

Colour palette and role referencing for IATI

During design and development phases, this guide is best viewed in Google chrome as it is still a working document.

Web palette

  • ocean $iati-ocean .color-ocean .fill-ocean
  • air $iati-air .color-air .fill-air
  • wind $iati-wind .color-wind .fill-wind
  • sunrise $iati-sunrise .color-sunrise .fill-sunrise
  • land $iati-land .color-land .fill-land
  • sunset $iati-sunset .color-sunset .fill-sunset
  • ash $iati-ash .color-ash .fill-ash

Uses

  • Headings $heading-color
  • Text $base-color
  • Borders $default-border-color
  • Links $action