<?xml version="1.0" encoding="utf-8"?>
Open full project

Hello! This is my color system for my existing case study Park Prepared, a parking assistance app.

I developed the high-fidelity wireframe and decided to utilize the color palette from that prototype. At that moment, I didn't know about color systems. So going back and utilizing what I learned into this study was inspiring!

Tools used

Figma

From brief

Share

Share your insights — leave a project review and help others grow their skills

Reviews

1 review


Hey Shemar! I can see you’ve put a lot of thought into choosing the colours for the app, however we can improve how they're applied.

Here’s how I usually approach picking a colour palette for an app:

There are three types of colours to think about to create balance and good usability.

Neutrals:

  • These are your base colours for backgrounds, text and overlays. For example, Instagram uses an off-white or off-black background depending on light or dark mode. You’d then use the opposite neutral for your text so the contrast is strong and easy to read.

1–2 Brand colours:

  • These show up in buttons, icons and places where you want a bit of personality.

Supporting colours:

  • These are used to draw attention or communicate meaning, like green for success, red for errors, or yellow for warnings.

Incorporation this approach will make a huge difference to the feel and usability of your app, hope this helps!


3 Claps
Average 3.0 by 1 person
5 claps
4 claps
3 claps
2 claps
1 claps
<?xml version="1.0" encoding="utf-8"?>