Color System: Management Productivity Tool

Introduction

For this project, I developed a color palette system for a fictional digital work management tool. The goal was to push my UI design skills and explore visual hierarchy, accessibility, and branding. I designed a light-mode user interface for a web platform as the foundation for this system.

After researching the platform's concept and analyzing competitors such as Asana, ClickUp, Trello, and Izyplan, I gained insights into how these tools apply color to enhance clarity and usability. I applied what I learned to build a system that balances focus, aesthetics, and functionality.

Each color was intentionally chosen for its psychological impact. I worked primarily with soft tints and pastel hues to avoid overwhelming the user with highly saturated tones, while still establishing a clear and intuitive visual hierarchy.

The system is structured as follows:

Primary colors – Reflect the brand identity and are used for key interface elements like CTAs and active links.

Secondary colors – Support complementary UI components, adding variety without distraction.

Tertiary color – Used for priority indicators, such as task tags, to help users quickly identify and classify different task types.

Neutral colors – Segment content and structure the layout into clear, readable blocks.

System colors – Represent system feedback (e.g., success, warning, error). These are the only fully saturated colors aside from brand tones, designed to immediately catch attention for critical interactions like confirmation or danger actions.

Thank You!