Skip to Content

Primary Colors

Book: Refactoring UI
  • The colors used to set the overall look of a site

  • Most apps need one or maybe two primary colours

    • Need 5-10 lighter and darker shades
    • Darker shades work well for text
    • Lighter shades work well as tinted backgrounds
  • When picking primary and accent colors one heuristic is to look at whether it looks good as the background of a button

  • When picking primary and accent color shades, we have (say) 9 slots to fill

    • Start with selecting a base, middle color
    • Then select colors on the edge
    • Then fill in slots between the edge and middle and repeat