IXD 303 – Colour Scheme


Before I make any digital mockups of my app, I want to find a suitable colour scheme. I want to use something I haven’t used before.

I went ahead and looked for good examples of colour layouts that are tried and used in the real world by other designers.


60-30-10 Colour Rule

I found a very interesting video on Youtube, it has actually showed up in my recommended section. The video goes over the use of colour in an app and we can effectively use it.

This video was very interesting, so much so that I went on a deeper search to find out more about this colour and more examples of it in use. What is the 60-30-10 Rule? I found it that is a classic decor rule that helps create a color palette for a space. It states that 60% of the room should be a dominant color, 30% should be the secondary color or texture and the last 10% should be an accent.

In web design it works the same the 60% of the palette should be dedicated to one color (usually, it’s a neutral color), another (complementary) color makes up 30% of the palette, and a third color (accent) is used for the remaining 10% of the design.

This rule is a great way of balancing out your design and making it look professional.

While watching the video I seen a design which used a purple. This is a colour that I had used before I feel like it could fit in nicely with the theme of the app.

I made a simple poster with the 3 primary colours I chose to use.

  • With white being the primary colour for the purple to stand out on
  • The primary shade of purple used for text and the logo
  • Secondary shade of purple used for other purposes in the app.

I also made a version showing the 60 – 30 – 10 rule. This one can show the ratio in what I want to use each colour in the app.


All in all, I glad I went with a colour I haven’t worked with before. This will add a form of challenge to me as I am going to be working with something new. I am going to take these colours now and I am going to attempt to use them in the same ratio I layed out in my 60 – 30 – 10 image.


Leave a Reply

Your email address will not be published.