Monday.com Color System
This project presents a redesigned, fully structured Color System for Monday.com with the goal of establishing a modern, minimal, and function-driven visual foundation. The work includes a complete definition of color categories—Primary, Secondary, System, and Neutral—and clarifies their roles across the interface.
The document outlines the product context, brand principles, and emotional intent behind the palette. It demonstrates how visual clarity, consistency, and professional modernity guide the selection of colors to support collaboration, focus, and calm productivity within a complex work-management environment. The final system provides a scalable, unified color logic suitable for both web and mobile experiences
Tools used
From brief
Topics
Share
Reviews
5 reviews
Hey Hasan, I really like your presentation for this project and the way you’ve built up the colours. Overall, the system turned out really nicely, the rationale is solid and it suits the Monday app well.
A couple of things:
• The tag colours feel overpowering. I’d soften them, similar to the light yellow secondary colour you’ve used elsewhere, but in different hues. For example, a light red (#FEB3B3) for “not done.”
• System colours should stay reserved for the system itself. These are distinct and used only in specific situations like errors, warnings and confirmations. This helps users recognise them as important and separate from their own actions in the tool.
• There are a few typos, such as the “Completed” title.
Really solid work overall, and I think these changes will make a big difference! :)
Thanks for your sub, Hasan!
You did an amazing job, I love the fact that you associated the colors with emotional intent. This is great!
The only thing that I would change is switching a bit the saturation from the dark mode. Better approach: shift brightness/contrast while keeping hue identity.
Great vibes only!
Cristian
Really strong and thoughtfully structured case the color system is clearly documented, visually consistent, and tied back to purpose and emotional impact, which shows solid design thinking. The way you applied the palette across both light and dark modes feels intentional and well-balanced, with good contrast and clear status indicators that stay true to Monday.com’s visual language.
The interface mockups look clean and readable, and the use of bright accent colors helps guide attention without overwhelming the dark UI.
One improvement to consider is adding a few real use-case scenarios showing how these colors support workflows in context, which would make the system feel even more grounded. Overall, it’s a polished, well-explained piece
@hasan tehrani Great work refining both the palette and the product experience.
The project has a really solid foundation – you can see you've approached this systematically, which is crucial when working on a design system. The brief is clear, brand principles make sense, and the emotional intent justifies the color choices well. All of that is great.
You've got a really good starting point here for something bigger. With refined details and a few practical usage examples, this could be a very strong case study demonstrating your systematic thinking. ❤️👍
Good work Hasan, love how the final dashboard looks, specially the dark mode version. One thing I'll reiterate is the "Complete" typo in the dark theme dashboard and one thing I'll add is my personal opinion on the first slides; I think they have too much text and honestly haven't read most of it, only glanced over. Think about who your stakeholders are and keep it concise.
You might also like

FlowPay - Mobile Onboarding Flow
Blaze – Smart Fitness Tracking in Light & Dark Mode 🚀

PODZ Project

Light & Dark Mode Mobile App Exploration

Garden - Stakeholder Communication Plan












