Trello - Color System Redesign

Overview

The goal of this project was to create an accessible, brand-aligned, and emotionally resonant color system for a digital work management tool, inspired by Trello’s task board.

The redesigned UI showcases how a thoughtful color palette can improve visual clarity, hierarchy, brand expression, and accessibility, while maintaining a modern and functional aesthetic.

Primary Color – Indigo (#5A67D8)

Indigo was chosen as the primary color because it conveys trust, intelligence, and focus - key emotions and values associated with productivity and collaboration in a workspace environment.

Secondary Color – Warm Orange (#F6AD55)

To complement indigo, I selected a warm orange as the secondary color. Orange evokes enthusiasm, creativity, and motivation, making it perfect for drawing attention to less frequent but important actions.

Tertiary Color – Teal (#38B2AC)

Teal serves as a balancing tertiary color to bring freshness and versatility into the system. Its calming nature encourages focus and reinforces clarity - important in task management interfaces.

System Colors

System colors - such as red for errors, green for success, orange for warnings, and blue for information - were carefully selected to maintain visibility across light and dark backgrounds. These choices follow conventional expectations to reduce cognitive load.

WCAG Contrast Compliance

I tested multiple combinations to ensure that text and interface components meet or exceed WCAG AA and AAA standards. These combinations were chosen to maintain aesthetic integrity while prioritizing readability for all users.