Colour Settings & Readability Tips

Quickly make things match your brand without breaking contrast.

Tips

  • Parent colours = top-level items / card fronts.
  • Child colours = children / card backs.
  • Hover colours = link hover & accents.
  • Aim for at least 4.5:1 contrast for body text.
  • If hover colours look too subtle, bump Hover Text Colour first.