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

I redesigned the color system for Asana, a digital work management platform, to create a calmer and more focused visual experience while aiming to keep the brand modern and recognizable.

The original interface used many bright colors, which made it feel playful but visually overwhelming.

I wanted to simplify the palette, strengthen the hierarchy, and improve readability for all users.

The new system focuses on clarity, balance and accessibility. It's built around teal as the main brand color, supported by coral, indigo and calm neutrals. All colors follow WCAG contrast standards.

The result is a cohesive, accessible and emotionally balanced color system that supports a calm, focused user experience.

I designed a desktop and mobile version of the platform to show how the new color system can work in real UI elements.

You can explore the full color palette and UI application in the presentation slides.

Tools used

Figma

From brief

Topics

Share

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

Reviews

1 review


Thank you for the project—you did a huge job and the palette feels balanced and harmonious. One important note: white text on the light green background (#91CF35) has very low contrast—about 1.87:1—which does not meet accessibility standards for body text. To fix this, switch the text to near‑black or a much darker shade of the same green hue so the contrast reaches at least 4.5:1 for normal text (or 3:1 for large headings). This small change will keep your style while making the content easier to read for everyone.

Great work overall—keep going!

Thanks a lot Yuliya for the great feedback! Good catch on the lime color, you’re totally right about the low contrast. I’ve updated it so the text is easier to read and meets WCAG standards. Appreciate you pointing that out! Have a great day!

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