ASANA / Color System for Productivity Tool
In response to the design brief given, I'm excited to present the new color system for Asana. My goal was to create a fresh, vibrant look that sets Asana apart from competitors while ensuring clarity and usability. This revamped palette is designed to enhance readability and user interaction, making project management and team collaboration a seamless experience.
Design Decisions
- Platform Choice. Asana is a widely recognized and utilized work management tool, suitable for both individual users and teams. Designing for the desktop version allows for a feature-rich interface.
- Color Selection. The chosen colors create a professional, approachable, and energetic look. The primary and secondary colors are inspired by modern design trends to evoke trust and productivity.
- WCAG Compliance. Ensuring color contrast compliance is crucial for accessibility, making the tool usable for individuals with visual impairments.
- Brand and UI Integration. The consistent use of the color system in branding and UI elements ensures a cohesive and recognizable brand identity. The system colors provide clear visual cues for user actions and system statuses.
Thank you!
Reviews
2 reviews
Love the way of the presentation.
Your color system looks amazing and conveys all details keep up the good work.
6 Claps
Average 3.0 by 2 people
You might also like

Project
Pulse — Music Streaming App with Accessible Light & Dark Mode
Platform & DeviceFor this project, I designed Pulse, a mobile music streaming application for iOS devices (using the provided mobile templat

Project
Islamic E-Learning Platfrom Dashboard
Visual Language & Color I wanted the interface to feel like a quiet room you'd actually want to sit in and study. The warm neutrals - off-wh
Project
SiteScope - Progress Tracking App
🧩 Project OverviewThis project showcases the design of a mobile login and sign up experience for a construction progress tracking app. The

Project
Mobile Button System
As my first ever ux design attempt, I tried to go with a simplified approach with only a few button types and states. I kept the color palle

Project
FlexPay
The onboarding was designed to reduce financial anxiety, create a sense of instant reward, and encourage early action. Instead of overwhelmi

Project
CJM for Co-Working Space - WeWork
This project presents a customer journey map for WeWork, created to understand the end-to-end experience of a remote professional using a co
Visual Design Courses
Course
UX Design Foundations
Learn UX design fundamentals and principles that create better products. Build foundational knowledge in design concepts, visual fundamentals, and workflows.
Course
Introduction to Figma
Learn essential Figma tools like layers, styling, typography, and images. Master the basics to create clean, user-friendly designs
Course
Design Terminology
Learn UX terminology and key UX/UI terms that boost collaboration between designers, developers, and stakeholders for smoother, clearer communication.











