The Psychology of Color in Interfaces

Color in product design isn’t about aesthetics. It’s about information architecture. Your color system is a map: it tells users where they are, what’s important, and what actions are available.

Building a Color System

Start with semantics. Name your colors by their purpose, not their appearance. --color-success, --color-error, --color-warning. This makes your system resilient to rebranding.

Limit your palette. Three primary colors, three semantic colors, and a grayscale scale. That’s enough for 95% of interfaces.

Dark mode isn’t an inversion. You need to rethink contrast, saturation, and elevation. Shadows don’t work in dark mode. Use overlays instead.

The Green Problem

Green means success, go, and positive change. But in financial contexts, green means money going up. In environmental contexts, it means sustainability. Context matters.

The best color system is the one that tells a consistent story across every surface. When users see a color, they should know exactly what it means.