Asana Color System
Using Asana as the foundation for this project, I focused on creating a Color system that would be most beneficial for its users. I developed a color palette designed to be comfortable for the eyes, particularly for those who spend extended periods exposed to blue light. To achieve this, I applied just the appropriate amount of saturation, enough to maintain visual appeal while also ensuring accessibility.
Tools used
From brief
Topics
Share
Reviews
3 reviews
Hi, Tatiana,
Great job! Beautiful colors, clear and organized presentation.
I just would want to see in the presentation some more screens, to make sure the colors will suit. But in general it's great!
On the WCAG slide, please check about the Rosy Pink. The hex code there is wrong, and I think it pass the AA requirements when used with dark font color, right? So it's better to use the dark color in the AA, otherwise who is seeing the slides will think "this is not a good contrast."
That's all, keep doing this good work!
Your Asana Color System is very thoughtful. You made the colors easy on the eyes and nice to look at, especially for people who use screens a lot.
To make it better, try testing the colors on different devices and in different lights. This will help make sure everyone can see the colors well.
It would also be good to show how the colors look in real app parts, like buttons or menus. This helps others understand how your colors work.
Also, check the contrast between colors more carefully. This makes sure people with vision problems can use the app easily.
Fixing these things will make your color system stronger and easier for all users.
Great work on creating a comfortable and accessible color system with a balanced, appealing palette. To improve, try showing your colors applied to real app elements and test them on different devices and lighting. Also, double-check contrast ratios—especially the Rosy Pink hex code—to ensure full accessibility compliance. Overall, a strong foundation—keep it up!
You might also like
Customer Journey Map for a Co-Working Space
Workspace Booking Flow - UI/UX Design
Latios - Free Portfolio Template for UX/UI Designers
Talenvo Website - Web and Mobile
L I N E A - Minimalist Fashion Brand
Medivet - Responsive Landing Page
Visual Design Courses
UX Design Foundations
Introduction to Figma
Design Terminology
