Color System for Toggl Track

Rethinking a color system for Toggl Track made me think about the meaning of the colors for applications and how enhance calmness, trust and happiness in the same time aand not be boring.

I started with a powerfull blue as a primary color, which brings assurance and trust, two themes really important for a time tracking application. Then I continue my process with a color that I particularly love : orange/yellow. It brings me joy and dynamism, two qualities very important to me when I work. Also, it's complementary with blue. I didn't chose plain colors, I prefered to add a bibt of mystery for the blue ans choose a deep one. As for the orange, I choose one with a bit of yellow in it, to echoes with the blue tones. Then I added a bit of brown to bring cozyness and confort.

When you are tracking your working time it's really important, for me, to have a place that brings you : calm, joy and dynamism. That's why I choose this color system.

For the neutral tones, as tertiary color system, I choose some blue/grey tones to ensure consistency with the primary color system.

Then, for the po up modals when there is an info, alert or something not usual, there is a more traditional color system with hues of primary colors that matches the colors system of the app.

All the colors work harmoniously otgether and are user-friendly according to the WCAG.

Thank you & enjoy !