Color System

Regarding neutral colors, they were very well explained and categorized between backgrounds, borders, and texts. This helps both those developing the product to allocate the use of colors in a design system and those applying this design system in projects. This description, while delineating the use, also impresses as the same neutral colors in light mode are also applicable to dark mode.

The explanation about the use of primary colors was interesting and made a lot of sense. It's very interesting that many of the colors are compatible with both light and dark modes.

Secondary colors offer an interesting balance between pastel and dark tones, with the thought that the colors of the texts and backgrounds of the tags being interchangeable between light and dark modes helps maintain visual consistency.

Tertiary colors are attention-grabbing and align with the objective of showing task priority. They do not conflict with the other colors in the system.

Amazing work!

Hi Aubane,

Your color system is thoughtfully crafted, creating a perfect balance of harmony and contrast. It’s clear that you’ve put a lot of care into making it adaptable and visually appealing. You’re doing an incredible job—keep up the great work!

Nice work, super clear process. One thought: as you refine, stress-test the palette in edge cases, like accessibility with low vision, or when multiple tags/priority states stack on a busy screen. That’s usually where contrast issues show up and where you might need an extra supporting tone.

Aubane Marquer developed a color system for a productivity platform by creating a fictional task management app. To demonstrate the system, she designed a laptop screen in both light and dark modes.

The process began with building the palette and applying it step by step, using neutral colors to structure the layout, primary colors for CTAs and key elements, secondary colors for task tags to make classification easier, a tertiary color to show task priority, and system colors to provide clear feedback on actions and status.

The final presentation showcases the complete palette alongside the applied design, highlighting how the colors work together in context.

Amazing!! I like it!

Hey Aubane!

After going through your project, what I appreciate most is the clarity of intent. It feels like you knew exactly what problem you were solving, and you didn’t get distracted by unnecessary UI embellishment. That focus is strong.

I also like how the flow progresses logically. It doesn’t feel like isolated screens it feels like a system. That tells me you’re thinking in journeys, not just components. There’s cohesion in the structure.

What I’d encourage you to refine is the “so what?” layer. After showing the solution, make the outcome sharper. Did this reduce friction? Increase conversion? Improve clarity? Even a projected impact statement would make the work feel more grounded in product thinking.

If some slides feel visually heavy, tightening the storytelling and emphasizing key insights per section would elevate the overall polish.

Overall, it feels thoughtful and intentional. With a slightly stronger impact narrative, this could feel very portfolio-ready and product-driven.

Really nice work on this color system! It feels clean, considered, and well structured, and I like that you’ve shown it working across both light and dark modes. Awesome stuff! 👏

Hello Aubane, your color system is excellent and demonstrates thorough design thinking. The comprehensive structure covering neutral, primary, secondary, tertiary, and system colors with clear purposes is well-executed. Designing for both light and dark modes shows strong attention to usability, and the documentation clearly presents your process. Great work!

Great job creating a clear and well-structured color system—testing it in edge cases like accessibility would make it even stronger, but overall it’s impressive work!

The attention to detail and thoughtful color choices for both light and dark modes are impressive. Truly inspiring work! 👏💯