Color System for Park Preapred
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!
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!
You might also like

Blip - Esport app design (Light & Dark UI)

Reimagining Asana's Color System

Customer Journey Map for a Co-Working Space

Responsive Main Screen

Latios - Free Portfolio Template for UX/UI Designers











